RyanSweigert

Bank CSS

Sep 8th, 2011
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.72 KB | None | 0 0
  1. @font-face {
  2.     font-family: Main;
  3.     src: url('http://ryansweigert.com/fonts/Sansation_Regular.ttf');
  4. }
  5.  
  6. body {
  7.     width: 100%;
  8.     height: 100%;
  9.     margin: 0;
  10.     padding: 0;
  11.     background-image: url('http://ryansweigert.com/images/background.png');
  12. }
  13.  
  14. #wrapper {
  15.     width: 100%;
  16.     height: 100px;
  17.     margin: 0 auto;
  18.     background-image: url('http://ryansweigert.com/images/divbackground.png');
  19.     -moz-box-shadow: 0px 5px 10px #A8A8A8;
  20.     -webkit-box-shadow: 0px 5px 10px #A8A8A8;
  21.     box-shadow: 0px 5px 10px #A8A8A8;
  22. }
  23.  
  24. #headerwrap {
  25.     width: 1000px;
  26.     height: 100px;
  27.     margin: 0 auto;
  28. }
  29.  
  30. header {
  31.     float: left;
  32.     margin: 20px 0 0 0;
  33. }
  34.  
  35. header a:link {
  36.     margin: 0;
  37.     padding: 0;
  38.     font-family: Main;
  39.     font-size: 50px;
  40.     color: #ffffff;
  41.     text-decoration: none;
  42.     text-shadow: 0px 0px 20px #000000;
  43.  
  44. }
  45.  
  46. header a:visited {
  47.     font-family: Main;
  48.     color: #ffffff;
  49.     text-decoration: none;
  50. }
  51.  
  52. header a:hover {
  53.     font-family: Main;
  54.     color: #ffffff;
  55.     text-decoration: none;
  56. }
  57.  
  58. nav {
  59.     float: right;
  60.     margin: 30px 0 0 0;
  61.     text-align: center;
  62.     line-height: 40px;
  63. }
  64.  
  65. nav ul {
  66.     height: 40px;
  67.     margin: 0;
  68.     list-style: none;
  69. }
  70.  
  71. nav li {
  72.     float: left;
  73.     margin: 0 0 0 10px;
  74.     background-color: #ffffff;
  75.     border-style: solid;
  76.     border: 0px solid #A8A8A8;
  77.     -moz-border-radius: 5px;
  78.     -webkit-border-radius: 5px;
  79.     border-radius: 5px;
  80.     -moz-box-shadow: 0px 1px 5px #A8A8A8;
  81.     -webkit-box-shadow: 0px 1px 5px #A8A8A8;
  82.     box-shadow: 0px 1px 5px #A8A8A8;
  83. }
  84.  
  85. nav li a {
  86.     height: 40px;
  87.     padding: 0 20px;
  88.     display: inline-block;
  89.     color: #000000;
  90.     font-family: Main;
  91.     text-decoration: none;
  92.  
  93. }
  94.  
  95. nav li a:hover {
  96.     background: #C6CCD0;
  97.     -moz-border-radius: 5px;
  98.     -webkit-border-radius: 5px;
  99.     border-radius: 5px;
  100. }
  101.  
  102. #contentwrap {
  103.     width: 1000px;
  104.     height: 500px;
  105.     margin: 20px auto 20px auto;
  106.     background-image: url('http://ryansweigert.com/images/website/divtile.png');
  107.     border-style:solid;
  108.     border:1px solid #A8A8A8;
  109.     -moz-box-shadow: 0px 1px 10px #A8A8A8;
  110.     -webkit-box-shadow: 0px 1px 10px #A8A8A8;
  111.     box-shadow: 0px 1px 10px #A8A8A8;
  112. }
  113.  
  114. content {
  115.     float: left;
  116.     width: 1000px;
  117.     height: 490px;
  118.     padding: 5px;
  119. }
  120.  
  121. #footerwrap {
  122.     width: 100%;
  123.     height: 100px;
  124.     margin: 0 auto;
  125.     background-image: url('http://ryansweigert.com/images/divbackground.png');
  126.     -moz-box-shadow: 0px -5px 10px #A8A8A8;
  127.     -webkit-box-shadow: 0px -5px 10px #A8A8A8;
  128.     box-shadow: 0px -5px 10px #A8A8A8;
  129. }
  130.  
  131. footer {
  132.     width: 1000px;
  133.     height: 50px;
  134.     padding: 40px 0 0 0;
  135.     margin: 0 auto;
  136. }
  137.  
  138. #footerleft {
  139.     float: left;
  140.     width: 500px;
  141.     height: 50px;
  142.     margin: 0;
  143. }
  144.  
  145. #footerright {
  146.     float: right;
  147.     width: 500px;
  148.     height: 50px;
  149.     margin: 0;
  150. }
  151.  
  152. #footerright p {
  153.     margin: 0;
  154.     padding: 0;
  155.     color: #ffffff;
  156.     text-align: right;
  157.     font-family: Main;
  158. }
Add Comment
Please, Sign In to add comment