/css/bubbledots.css

http://github.com/onedayitwillmake/RealtimeMultiplayerNodeJs · CSS · 128 lines · 84 code · 27 blank · 17 comment · 0 complexity · 471a5671e576c89e66ab3824841a256d MD5 · raw file

  1. /*
  2. // ========================================== \\
  3. || ||
  4. || Your styles ! ||
  5. || ||
  6. \\ ========================================== //
  7. */
  8. body{
  9. font-family:Helvetica, Helvetica Neue, Arial, sans-serif;
  10. }
  11. a, a:active, a:visited { color: #1c1c1c; }
  12. a:hover { color: #333333; }
  13. .wrapper{
  14. margin:auto;
  15. width:950px;
  16. }
  17. #header-container{
  18. background-color: #333333;
  19. height:130px;
  20. border-bottom:20px solid #9dfafa;
  21. margin-bottom:50px;
  22. -webkit-box-shadow:0 40px 40px -40px #AAA;
  23. -moz-box-shadow:0 40px 40px -40px #AAA;
  24. box-shadow:0 40px 40px -40px #AAA;
  25. }
  26. #title{
  27. font-size: 40px;
  28. color:white;
  29. padding-top:80px;
  30. float:left;
  31. }
  32. h2{
  33. font-size: 55px;
  34. }
  35. h3{
  36. font-size: 20px;
  37. }
  38. nav{
  39. float:right;
  40. margin-top:100px;
  41. }
  42. nav ul, nav ul li{
  43. display:inline;
  44. }
  45. nav a{
  46. padding:20px;
  47. text-decoration:none;
  48. background-color: #9dfafa;
  49. }
  50. aside{
  51. color:white;
  52. padding:10px;
  53. width: 230px;
  54. float:right;
  55. background-color: #333333;
  56. }
  57. #main p{
  58. font-family:Helvetica, Helvetica Neue, Arial;
  59. text-shadow:none;
  60. }
  61. aside p {
  62. font-size:11px;
  63. font-family:monospace;
  64. }
  65. #main header h2{
  66. padding-bottom:30px;
  67. }
  68. /*
  69. article header{
  70. margin-bottom:50px;
  71. padding-bottom:30px;
  72. width:700px;
  73. -webkit-box-shadow:0 45px 60px -60px #AAA;
  74. -moz-box-shadow:0 45px 60px -60px #AAA;
  75. box-shadow:0 45px 60px -60px #AAA;
  76. }
  77. */
  78. #footer-container{
  79. background-color: #333333;
  80. height:240px;
  81. border-top:20px solid #9dfafa;
  82. margin-top:50px;
  83. -webkit-box-shadow:0 -40px 40px -40px #AAA;
  84. -moz-box-shadow:0 -40px 40px -40px #AAA;
  85. box-shadow:0 -40px 40px -40px #AAA;
  86. }
  87. #footer-container footer{
  88. color:white;
  89. margin-top: 10px;
  90. }
  91. .info {
  92. position:absolute;
  93. right: 0px;
  94. top:5px;
  95. background-color:white;
  96. padding:10px;
  97. margin-top:5px;
  98. }
  99. #jquery-test{
  100. top:45px;
  101. }