spenk

CSS project [CSS]

Nov 11th, 2012
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.25 KB | None | 0 0
  1. body{
  2.     font-size: 12pt;
  3.     line-height: 1.75em;
  4.     font-family: Arial, sans-serif;
  5.     background: #030707 url('images/body.jpg');
  6.     color: #c0c1c1;
  7. }
  8.  
  9. a {
  10.     color: #d43535;
  11.     text-decoration: underline;
  12. }
  13.  
  14. #Header {
  15.     height: 110px;
  16.     width: 650px;
  17.     margin: 0px 0 0 530px;
  18.     background: #030707 url('images/Header.jpg');
  19.     overflow: hidden;
  20.  
  21. }
  22.  
  23. #Content {
  24.     padding: 25px;
  25.     height: 900px;
  26.     width: 600px;
  27.     background: grey;
  28.     margin: 50px 0 0 530px;
  29.     vertical-align:top;
  30.     overflow:auto;
  31.     border:1px solid red;
  32. }
  33.  
  34. #SideBar{
  35.     position: absolute;
  36.     padding: 20px;
  37.     height: 900px;
  38.     width: 150px;
  39.     background: grey;
  40.     margin: 50px 0 0 260px;
  41.     vertical-align:top;
  42.     z-index:1;
  43.     border:1px solid red;
  44. }
  45.  
  46. #Footer{
  47.     height: 110px;
  48.     width: 650px;
  49.     margin: 30px 0 0 530px;
  50.     background: #030707 url('images/Footer.jpg');
  51. }
  52. #Footertext{
  53.     height: 60px;
  54.     width: 37%;
  55.     margin: 0px 0 0 0px;
  56.     background-color:blue;
  57.    
  58. }
  59.  
  60. #avatar{
  61. height:70px;
  62. width:50px;
  63. margin: 0px 0 0 0px;
  64. }
  65.  
  66. #avatartext{
  67. height:180px;
  68. width:300px;
  69. margin: -85px 0 0 200px;
  70. }
  71.  
  72. #avatars{
  73. height:179px;
  74. width:179px;
  75. margin: 100px 0 0 50px;
  76. background: #030707 url('images/sergen.png');
  77. position: absolute;
  78. }
  79.  
  80. #avatarj{
  81. height:179px;
  82. width:179px;
  83. margin: 100px 0 0 350px;
  84. background: #030707 url('images/jarec.png');
  85. position: absolute;
  86. }
  87.  
  88. #avatarjsframe{
  89. height:100px;
  90. width: 480px;
  91. margin: 280px 0 0 50px;
  92. position: absolute;
  93. }
  94.  
  95. p.header1
  96. {
  97. font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  98. font-size:30px;
  99. color:black;
  100. }
  101.  
  102. p.header2
  103. {
  104. font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  105. font-size:27px;
  106. color:black;
  107. }
  108.  
  109. p.header3
  110. {
  111. font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  112. font-size:24px;
  113. color:black;
  114. }
  115.  
  116. p.bodytext1
  117. {
  118. font-family:"Calibri", "Calibri", sans-serif;
  119. font-size:3;
  120. color:black;
  121. }
  122.  
  123. p.Avatartext1
  124. {
  125. font-family:"Calibri", "Calibri", sans-serif;
  126. font-size:20px;
  127. color:red;
  128. font-weight:bold;
  129. }
  130.  
  131. p.error
  132. {
  133. font-family:"Calibri", "Calibri", sans-serif;
  134. font-size:25px;
  135. color:red;
  136. font-weight:bold;
  137. }
  138.  
  139. p.sucess
  140. {
  141. font-family:"Calibri", "Calibri", sans-serif;
  142. font-size:25px;
  143. color:green;
  144. font-weight:bold;
  145. }
  146. /*http://www.w3schools.com/cssref/css_websafe_fonts.asp*/
Advertisement
Add Comment
Please, Sign In to add comment