Advertisement
Guest User

http://stackoverflow.com/users/1796226/scorpion

a guest
Oct 15th, 2013
6,548
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.04 KB | None | 0 0
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. * {
  5.     -webkit-box-sizing: border-box;
  6.     -moz-box-sizing: border-box;
  7.     box-sizing: border-box;
  8.     margin: 0;
  9.     padding: 0;
  10. }
  11.  
  12. html, body {
  13.     height:100%;
  14. }
  15.  
  16. body {
  17.     background:#000 url(rainForrestBackground.jpg) top center no-repeat;
  18.     text-align:center; 
  19. }
  20.  
  21. #pageShadow {
  22.     width:100%;
  23.     height:100px;
  24.     display:inline-block;
  25.     position:absolute;
  26.     top:0px;
  27.     left:0px;
  28.     background:url(pageShadow.png) repeat-x top;   
  29. }
  30.  
  31. #pageWrapper {
  32.     display:inline-block;
  33.     width:1100px;
  34.     height:100%;
  35. }
  36.  
  37. #logoContainer {
  38.     height:150px;
  39.     width:1100px;
  40.     background:url(topLogo01.png) bottom center no-repeat;
  41. }
  42.  
  43. #innerPageWrapper {
  44.     width:1100px;
  45.     display:inline-block;
  46.     padding:0 50px 0 50px;
  47.     background:rgba(0, 0, 0, 0.75) url(navShadow.png) repeat-x top;
  48.     -webkit-border-top-left-radius: 20px;
  49.     -webkit-border-top-right-radius: 20px;
  50.     -moz-border-radius-topleft: 20px;
  51.     -moz-border-radius-topright: 20px;
  52.     border-top-left-radius: 20px;
  53.     border-top-right-radius: 20px;
  54.     overflow: hidden;
  55. }
  56.  
  57. #logoBottomContainer {
  58.     height:75px;
  59.     width:1000px;
  60.     background:url(topLogo02.png) bottom center no-repeat;
  61. }
  62.  
  63. #logoNavContainer {
  64.     height:76px;
  65.     width:1000px;
  66.     background:#0F0F0F url(shadowBackBottom.png) repeat-x bottom;
  67.     border:1px solid black;
  68.     text-align:center;
  69. }
  70.  
  71. #logoNavContainer > div, #logoNavContainer > ul {
  72.     float:left;
  73. }
  74.  
  75. #navLeftUl, #navRightUl {
  76.     height:75px;
  77.     width:374px;
  78.     list-style-type: none;
  79.     overflow: hidden;
  80. }
  81. #navLeftUl li, #navRightUl li { float:left; }
  82. #navLeftUl li a, #navRightUl li a {
  83.     display:inline-block;
  84.     line-height:73px;
  85.     width:124px;
  86.     font-family: 'Open Sans Condensed', sans-serif;
  87.     font-weight:300;
  88.     font-size:22px;
  89.     letter-spacing:1px;
  90.     text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  91.     color:white !important;
  92.     text-decoration:none;
  93.     -webkit-border-top-left-radius: 20px;
  94.     -webkit-border-top-right-radius: 20px;
  95.     -moz-border-radius-topleft: 20px;
  96.     -moz-border-radius-topright: 20px;
  97.     border-top-left-radius: 20px;
  98.     border-top-right-radius: 20px;
  99. }
  100. #navLeftUl li a:hover, #navRightUl li a:hover {
  101.     background-color:black;
  102. }
  103. #navLeftUl li:first-child a:first-child {
  104.     width:124px;
  105. }
  106. #navRightUl li:last-child a:last-child {
  107.     width:124px;
  108. }
  109.  
  110. #bottomLogo {
  111.     display:inline-block;
  112.     width:250px;
  113.     height:75px;
  114.     background:url(topLogo03.png) top no-repeat;
  115. }
  116.  
  117. #tickerContainer {
  118.     height:300px;
  119.     width:1000px;
  120.     background:#FFF;
  121.     position: relative;
  122.     overflow: auto;
  123. }
  124. .horzShadow { position:absolute; z-index:10; top:0px; left:0px; height:50px; background:url(shadowBack.png) top repeat-x; }
  125. .horzShadowBottom { position:absolute; z-index:10; bottom:0px; left:0px; height:50px; background:url(shadowBackBottom.png) bottom repeat-x; }
  126. #tickerContainer li { list-style: none; padding: 0; margin:0; }
  127. #tickerContainer ul li { float: left; width:1000px; height:300px }
  128. #tickerContainer .dots {
  129.     bottom: 20px;
  130.     left: 0;
  131.     position: absolute;
  132.     right: 0;
  133. }
  134. #tickerContainer .dots li {
  135.     border: 2px solid #FFFFFF;
  136.     border-radius: 6px 6px 6px 6px;
  137.     cursor: pointer;
  138.     display: inline-block;
  139.     height: 10px;
  140.     margin: 0 4px;
  141.     opacity: 0.4;
  142.     text-indent: -999em;
  143.     transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
  144.     width: 10px;
  145. }
  146. #tickerContainer .dots li.active {
  147.     background: none repeat scroll 0 0 #FFFFFF;
  148.     opacity: 1;
  149. }
  150.  
  151. #contentContainer {
  152.     display:inline-block;
  153.     width:1000px;
  154.     background:#0F0F0F;
  155.     border-top:1px solid #000;
  156.     position:relative;
  157.     overflow: hidden;
  158. }
  159.  
  160. #contentContainer > div {
  161.     padding-top:25px;
  162.     overflow: hidden;
  163.     display:inline-block;
  164. }
  165. #contentContainer > div > * { position:relative; z-index:15; }
  166.  
  167. #contentMain {
  168.     width:700px;
  169.     background:#0F0F0F url(contentBack.png) repeat-y right;
  170.     text-align:left;
  171.     color:#FFF;
  172.     padding:50px 50px 50px 20px;
  173.     float: left;
  174.     left:0px;
  175. }
  176.  
  177. h1, h2, p {
  178.     text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
  179.     text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
  180. }
  181.  
  182. h1 {
  183.     font-family: 'Open Sans Condensed', sans-serif;
  184.     font-weight:700;
  185.     font-size:28px;
  186.     text-align:center;
  187.     letter-spacing:-1px;
  188.     word-spacing:3px;
  189. }
  190.  
  191. h2 {
  192.     font-family: 'Open Sans Condensed', sans-serif;
  193.     font-weight:300;
  194.     font-size:20px;
  195.     margin-bottom:2em;
  196.     text-align:center;
  197.     word-spacing:1px;
  198.     padding-left:100px;
  199.     font-style:italic;
  200. }
  201.  
  202. p {
  203.     font-family: 'Ubuntu', sans-serif;
  204.     font-weight:300;
  205.     font-size:14px;
  206.     letter-spacing:0px;
  207.     word-spacing:3px;
  208.     margin-bottom:1em;
  209. }
  210.  
  211. #contentSidebar {
  212.     width:300px;
  213.     background:#333 url(sidebarBack.png) repeat-y left;
  214.     text-align:center;
  215.     position:absolute;
  216.     right:0px;
  217. }
  218.  
  219. .fb-like-box {
  220.     background:#FFF;
  221. }
  222.  
  223. #callButton {
  224.     display:inline-block;
  225.     width:250px;
  226.     background:#F00 url(callButtonBack.jpg) center no-repeat;
  227.     text-align:center;
  228.     padding:10px;
  229.     font-family: 'Open Sans Condensed', sans-serif;
  230.     font-size:28px;
  231.     letter-spacing:0px;
  232.     text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  233.     color:#FFF;
  234.     -webkit-border-radius: 20px;
  235.     -moz-border-radius: 20px;
  236.     border-radius: 20px;
  237. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement