PageRenderTime 39ms CodeModel.GetById 16ms RepoModel.GetById 0ms app.codeStats 0ms

/css/application.css

http://github.com/onedayitwillmake/RealtimeMultiplayerNodeJs
CSS | 135 lines | 91 code | 27 blank | 17 comment | 0 complexity | 7f201a3b0557cbaaa98ffda816c92955 MD5 | raw file
Possible License(s): GPL-2.0, LGPL-2.1, MPL-2.0-no-copyleft-exception, BSD-3-Clause
  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-right: -52px;
  41. margin-top:100px;
  42. }
  43. nav ul, nav ul li{
  44. display:inline;
  45. }
  46. nav a{
  47. padding:20px;
  48. text-decoration:none;
  49. background-color: #9dfafa;
  50. }
  51. aside{
  52. color:white;
  53. padding:10px;
  54. float:right;
  55. height:500px;
  56. width:250px;
  57. background-color: #333333;
  58. border-bottom:20px solid #333333;
  59. margin-bottom:50px;
  60. margin-right:-50px;
  61. overflow:hidden;
  62. }
  63. #main p{
  64. font-family:Helvetica, Helvetica Neue, Arial;
  65. width:620px;
  66. text-shadow:none;
  67. }
  68. aside p {
  69. font-size:11px;
  70. font-family:monospace;
  71. }
  72. #main header h2{
  73. padding-bottom:30px;
  74. }
  75. /*
  76. article header{
  77. margin-bottom:50px;
  78. padding-bottom:30px;
  79. width:700px;
  80. -webkit-box-shadow:0 45px 60px -60px #AAA;
  81. -moz-box-shadow:0 45px 60px -60px #AAA;
  82. box-shadow:0 45px 60px -60px #AAA;
  83. }
  84. */
  85. #footer-container{
  86. background-color: #333333;
  87. height:240px;
  88. border-top:20px solid #9dfafa;
  89. margin-top:50px;
  90. -webkit-box-shadow:0 -40px 40px -40px #AAA;
  91. -moz-box-shadow:0 -40px 40px -40px #AAA;
  92. box-shadow:0 -40px 40px -40px #AAA;
  93. }
  94. #footer-container footer{
  95. color:white;
  96. margin-top: 10px;
  97. }
  98. .info {
  99. position:absolute;
  100. right: 0px;
  101. top:5px;
  102. background-color:white;
  103. padding:10px;
  104. margin-top:5px;
  105. }
  106. #jquery-test{
  107. top:45px;
  108. }