SHARE
TWEET

Untitled

GoldLeej Sep 27th, 2018 63 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import url(http://fonts.googleapis.com/css?family=Cinzel|Italianno|Ruluko|Open+Sans+Condensed:300);
  2. html, body { margin: 0; padding: 0; background: #3C464A; font-size: 100%; font-family: Georgia, serif; }
  3. .skull { margin: 8em; padding: 0; border: 0; width: 17.625em; height: 17.625em; }
  4.  
  5. h1 { color: #7BC1C7; }
  6.  
  7.  
  8. /* ---- STANDARD DEFAULT POSITIONING
  9. ----------------------------------------------------------- */
  10. h1, h2, h3, p, ul, li { margin: 0; }
  11. #top { margin: 50px auto 0 auto; }
  12. #main, #accounts { margin: 0 auto 0 auto; }
  13. ul.accounts { margin: 10px auto; }
  14. ul.accounts li { margin: 2px 7px 10px 7px; }
  15. li.space { margin: 0 0 15px 40px; }
  16.  
  17. #top, h2, ul, ul.accounts li, li.space, li.space-down { padding: 0; }
  18. #main { padding: 30px 0 40px 0; }
  19. h1 { padding: 0 0 5px 0; }
  20. h2 abbr { padding: 0 15px; top: 7px; }
  21. h3, li, p.first { padding: 0 15px; }
  22. p { padding: 0 15px 30px 15px; }
  23.  
  24.  
  25. ul.accounts li { float: left; }
  26. h1, h2, h2 abbr { position: relative; }
  27.  
  28.  
  29.  
  30.  
  31. /* ---- DIV LAYERS
  32. ----------------------------------------------------------- */
  33. #top, #main { width: 815px; }
  34. #accounts { width: 490px; }
  35. #accounts { height: 80px;  }
  36.  
  37. #main { clear: both; }
  38.  
  39.  
  40.  
  41.  
  42. /* ---- LINKS
  43. ----------------------------------------------------------- */
  44. 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; }
  45. A:hover { color: #B3867D; }
  46.  
  47.  
  48.  
  49.  
  50.  
  51. /* ---- BORDERS AND SHADING
  52. ----------------------------------------------------------- */
  53. #accounts, h2 { border-bottom: 1px dotted #666; }
  54. h1 { text-shadow: 2px 2px 2px #333; }
  55.  
  56.  
  57.  
  58.  
  59.  
  60. /* ---- LISTS
  61. ----------------------------------------------------------- */
  62. li { list-style: none; }
  63. li.space { list-style: circle outside; }
  64. ul.accounts { width: 500px; }
  65. ul.accounts li { background: #4EB1BA; height: 40px; }
  66.  
  67.  
  68.  
  69.  
  70.  
  71. /* ---- FONT STYLES
  72. ----------------------------------------------------------- */
  73. h1 { font: 1.9em 'Cinzel', serif; }
  74. span.cursive { font: 2.0em 'Italianno', cursive; }
  75. h2 { font: 0.7em 'Cinzel', serif; }
  76. h3, p.first { font: 1em 'Ruluko', cursive; }
  77. p, li { font: 0.95em 'Open Sans Condensed', sans-serif; }
  78. span.emph { font: 1.05em 'Open Sans Condensed', sans-serif; }
  79.  
  80.  
  81. h1, h2, p { font-weight: 400; }
  82.  
  83.  
  84. h1 { line-height: 1em; }
  85. span.cursive { line-height: 1.2em; }
  86. p { line-height: 1.3em; }
  87.  
  88.  
  89.  
  90.  
  91.  
  92. /* ---- SPECIAL STYLES
  93. ----------------------------------------------------------- */
  94. h2, span.emph { font-variant: small-caps; }
  95. h2 { letter-spacing: 0.1em; }
  96.  
  97. h1, h2, p.first { text-align: center;  }
  98.  
  99.  
  100.  
  101.  
  102.  
  103. /* ---- IMAGES
  104. ----------------------------------------------------------- */
  105. 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; }
  106. img.accounts:hover { opacity: 1.0; filter:alpha(opacity=100);  }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top