Advertisement
stylesheet

Style (css)

May 30th, 2016
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.28 KB | None | 0 0
  1. body {
  2. margin: 0;
  3. text-align: center;
  4. font-size: 11px;
  5. font-family: 'Cantarell', sans-serif;
  6. line-height: 23px;
  7. margin: 0 0 23px 0;
  8. }
  9.  
  10. .content {
  11. width: 540px;
  12. height: 400px;
  13. padding: 20px;
  14. text-align: left;
  15. position: relative;
  16. left: 150px;
  17.  
  18.  
  19. }
  20.  
  21. .sidebar {
  22. width: 140px;
  23. height: 200px;
  24. padding: 20px;
  25. text-align: left;
  26. position: fixed;
  27. top: 160px;
  28. left: 705px;
  29.  
  30. }
  31.  
  32.  
  33. .barone {
  34. height: 100%;
  35. width: 28px;
  36. background: #fff;
  37. left: 0;
  38. position: fixed;
  39. z-index: 1;
  40. }
  41.  
  42.  
  43.  
  44.  
  45.  
  46. h1 {
  47. font-family: 'Fjalla One', sans-serif;
  48. font-weight: normal;
  49. text-transform: uppercase;
  50. line-height: 46px;
  51. font-size: 43px;
  52. }
  53.  
  54. h2 {
  55. font-family: 'Cantarell', sans-serif;
  56. font-weight: 700;
  57. font-size: 20px;
  58. line-height: 13px;
  59. text-transform: uppercase;
  60. letter-spacing: -1px;
  61. margin: 0 0 23px 0;
  62. }
  63.  
  64. h3 {
  65. font-family: 'Cantarell', sans-serif;
  66. font-weight: 700;
  67. font-size: 15px;
  68. text-align: right;
  69. line-height: 13px;
  70. text-transform: uppercase;
  71. letter-spacing: -1px;
  72. margin: 0 0 2px 0;
  73.  
  74. }
  75.  
  76. a.nav, a.nav:active, a.nav:link, a.nav:visited {
  77. width: 125px;
  78. font: 9px 'Cantarell', sans-serif;
  79. color: #fff;
  80. background-color: #000000;
  81. display: block;
  82. margin: 7px;
  83. letter-spacing: 1px;
  84. text-decoration: none;
  85. padding: 4px;
  86. text-align: right;
  87. text-transform: uppercase;
  88.  
  89. }
  90. a.nav:hover {
  91.  
  92. text-decoration: none;
  93. border-right: 5px solid #666;
  94. opacity: 0.8;
  95. color:#fff;
  96. border-bottom: none;
  97. }
  98.  
  99. a:link, a:visited {
  100. color: #ccc;
  101. text-decoration: none;
  102. }
  103. a:hover {
  104. color: #666;
  105. text-decoration: none;
  106. }
  107.  
  108.  
  109. img {
  110. opacity: 0.8;
  111. margin-right: 20px;
  112. float: left;
  113. filter: alpha(opacity=40); /* For IE8 and earlier */
  114. border-left: 7px solid #666;
  115. border-right: 7px solid #666;
  116. border-top: 7px solid #666;
  117. border-bottom: 7px solid #666;
  118. }
  119.  
  120. img:hover {
  121. float: left;
  122. opacity: 1.0;
  123. filter: alpha(opacity=100); /* For IE8 and earlier */
  124. }
  125.  
  126.  
  127.  
  128. #footer {
  129. font-size: 9px;
  130. text-align: right;
  131. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement