Advertisement
Guest User

Untitled

a guest
Dec 10th, 2018
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.75 KB | None | 0 0
  1. /* Main elements of the page */
  2.  
  3. body
  4. {
  5. font-family: 'Trebuchet MS', Arial, sans-serif;
  6. }
  7.  
  8. #main_wrapper
  9. {
  10. width: 900px;
  11. margin: auto;
  12. }
  13.  
  14. header
  15. { position: static;
  16. width: 335px;
  17. height:100px;
  18. background-color: #827db1;
  19. box-shadow: 0px 2px 5px #1c1a19;
  20. border: 1px solid #ffffff;
  21. border-radius: 5px;
  22. padding: 5px;
  23. color: white;
  24. font-size: 0.9em;}
  25.  
  26. section h1, footer h1, nav a
  27. {
  28. font-family: Dayrom, serif;
  29. font-weight: normal;
  30. text-transform: uppercase;
  31. }
  32.  
  33. /* Header */
  34.  
  35. #main_title
  36. {
  37. display: inline-block;
  38. text-align: center
  39. }
  40.  
  41. section h2
  42.  
  43. {
  44. font-style: italic
  45. }
  46. /* Navigation */
  47.  
  48. nav {
  49. display: inline-block;
  50. width: 740px;
  51. text-align: right;
  52. position: absolute;
  53. top: 0px;
  54. }
  55.  
  56. nav ul
  57. {
  58. list-style-type: none;
  59. }
  60.  
  61. nav li
  62. {
  63. display: inline-block;
  64. margin-right: 15px;
  65. }
  66.  
  67. nav a
  68. {
  69. font-size: 1.3em;
  70. color: #181818;
  71. padding-bottom: 3px;
  72. text-decoration: none;
  73. }
  74.  
  75.  
  76.  
  77. /* Body */
  78.  
  79. article, aside
  80. {
  81. display: inline-block;
  82. vertical-align: top;
  83. text-align: justify;
  84. position: absolute
  85. }
  86.  
  87. article
  88. {
  89. border-style: double;
  90. background-color: #b9b4e6;
  91. width: 625px;
  92. margin-right: 15px;
  93. position: static
  94. }
  95.  
  96. .cat_icon
  97. {
  98. vertical-align: middle;
  99. margin-right: 8px;
  100. }
  101.  
  102. article p
  103. {
  104. font-size: 0.8em;
  105. }
  106.  
  107. aside
  108. {
  109. position: relative;
  110. width: 335px;
  111. background-color: #827db1;
  112. box-shadow: 0px 2px 5px #1c1a19;
  113. border: 1px solid #ffffff;
  114. border-radius: 5px;
  115. padding: 10px;
  116. color: white;
  117. font-size: 0.9em;
  118. }
  119.  
  120. img {
  121. padding: 1px;
  122. border: 1px solid #181818;
  123. background-color: #827db1;
  124.  
  125.  
  126. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement