Advertisement
GoldLeej

Importanto CSS leep 4evr

May 8th, 2016
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.02 KB | None | 0 0
  1. @import url(http://fonts.googleapis.com/css?family=Cinzel|Italianno|Ruluko|Open+Sans+Condensed:300);
  2.  
  3. html, body { min-width:: 850px; font-size: 100%; }
  4. body { font: 400 normal 1em/1.3em Arial, Helvetica, sans-serif; color: #84969C; }
  5.  
  6. html, body, h2 abbr { background-color: #3B4751; }
  7. h1 { color: #7BC1C7; }
  8.  
  9.  
  10. /* ---- STANDARD DEFAULT POSITIONING
  11. ----------------------------------------------------------- */
  12. h1, h2, h3, p, ul, li { margin: 0; }
  13. #top { margin: 50px auto 0 auto; }
  14. #main, #accounts { margin: 0 auto 0 auto; }
  15. ul.accounts { margin: 10px auto; }
  16. ul.accounts li { margin: 2px 7px 10px 7px; }
  17. li.space { margin: 0 0 15px 40px; }
  18.  
  19. #top, h2, ul, ul.accounts li, li.space, li.space-down { padding: 0; }
  20. #main { padding: 30px 0 40px 0; }
  21. h1 { padding: 0 0 5px 0; }
  22. h2 abbr { padding: 0 15px; top: 7px; }
  23. h3, li, p.first { padding: 0 15px; }
  24. p { padding: 0 15px 30px 15px; }
  25.  
  26.  
  27. ul.accounts li { float: left; }
  28. h1, h2, h2 abbr { position: relative; }
  29.  
  30.  
  31.  
  32.  
  33. /* ---- DIV LAYERS
  34. ----------------------------------------------------------- */
  35. #top, #main { width: 615px; }
  36. #accounts { width: 490px; }
  37. #accounts { height: 80px;  }
  38.  
  39. #main { clear: both; }
  40.  
  41.  
  42.  
  43.  
  44. /* ---- LINKS
  45. ----------------------------------------------------------- */
  46. A:link, A:active, A:visited { text-decoration: none; color: #7BC1C7; -webkit-transition: color 1s ease-in; -moz-transition: color 1s ease-in; -o-transition: color 1s ease-in; transition: color 1s ease-in; }
  47. A:hover { color: #B3867D; }
  48.  
  49.  
  50.  
  51.  
  52.  
  53. /* ---- BORDERS AND SHADING
  54. ----------------------------------------------------------- */
  55. #accounts, h2 { border-bottom: 1px dotted #666; }
  56. h1 { text-shadow: 2px 2px 2px #333; }
  57.  
  58.  
  59.  
  60.  
  61.  
  62. /* ---- LISTS
  63. ----------------------------------------------------------- */
  64. li { list-style: none; }
  65. li.space { list-style: circle outside; }
  66. ul.accounts { width: 500px; }
  67. ul.accounts li { background: #4EB1BA; height: 40px; }
  68.  
  69.  
  70.  
  71.  
  72.  
  73. /* ---- FONT STYLES
  74. ----------------------------------------------------------- */
  75. h1 { font:  2.1em 'Cinzel', serif; }
  76. span.cursive { font: 1.5em 'Italianno', cursive; }
  77. h2 { font: 0.7em 'Cinzel', serif; }
  78. h3, p.first { font: 1em 'Ruluko', cursive; }
  79. p, li { font: 0.95em 'Open Sans Condensed', sans-serif; }
  80. span.emph { font: 1.05em 'Open Sans Condensed', sans-serif; }
  81.  
  82.  
  83. h1, h2, p { font-weight: 400; }
  84.  
  85.  
  86. h1 { line-height: 1em; }
  87. span.cursive { line-height: 1.2em; }
  88. p { line-height: 1.3em; }
  89.  
  90.  
  91.  
  92.  
  93.  
  94. /* ---- SPECIAL STYLES
  95. ----------------------------------------------------------- */
  96. h2, span.emph { font-variant: small-caps; }
  97. h2 { letter-spacing: 0.1em; }
  98.  
  99. h1, h2, p.first { text-align: center;  }
  100.  
  101.  
  102.  
  103.  
  104.  
  105. /* ---- IMAGES
  106. ----------------------------------------------------------- */
  107. img.accounts { opacity: 0.6; filter: alpha(opacity=5); width: 40px; height: 40px; border: 0; -webkit-transition: opacity 1s ease-in; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; transition: opacity 1s ease-in; }
  108. img.accounts:hover { opacity: 1.0; filter:alpha(opacity=100);  }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement