PageRenderTime 67ms CodeModel.GetById 50ms app.highlight 14ms RepoModel.GetById 1ms 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
  1
  2/*
  3    // ========================================== \\
  4   ||                                              ||
  5   ||               Your styles !                  ||
  6   ||                                              ||
  7    \\ ========================================== //
  8*/
  9
 10body{
 11	font-family:Helvetica, Helvetica Neue, Arial, sans-serif;
 12}
 13
 14a, a:active, a:visited { color: #1c1c1c; }
 15a:hover { color: #333333; }
 16
 17.wrapper{
 18	margin:auto;
 19	width:950px;
 20}
 21
 22#header-container{
 23	background-color: #333333;
 24	height:130px;
 25	border-bottom:20px solid #9dfafa;
 26	margin-bottom:50px;
 27	-webkit-box-shadow:0 40px 40px -40px #AAA;
 28	   -moz-box-shadow:0 40px 40px -40px #AAA;
 29	        box-shadow:0 40px 40px -40px #AAA;
 30}
 31
 32#title{
 33	font-size: 40px;
 34	color:white;
 35	padding-top:80px;
 36	float:left;
 37}
 38
 39h2{
 40	font-size: 55px;
 41}
 42
 43h3{
 44	font-size: 20px;
 45}
 46
 47nav{
 48	float:right;
 49	margin-right: -52px;
 50	margin-top:100px;
 51}
 52
 53nav ul, nav ul li{
 54	display:inline;
 55}
 56
 57nav a{
 58	padding:20px;
 59	text-decoration:none;
 60	background-color: #9dfafa;
 61}
 62
 63aside{
 64	color:white;
 65	padding:10px;
 66	float:right;
 67	height:500px;
 68	width:250px;
 69	background-color: #333333;
 70	border-bottom:20px solid #333333;
 71	margin-bottom:50px;
 72	margin-right:-50px;
 73	overflow:hidden;
 74}
 75
 76#main p{
 77	font-family:Helvetica, Helvetica Neue, Arial;
 78	width:620px;
 79	text-shadow:none;
 80}
 81
 82aside p {
 83	font-size:11px;
 84	font-family:monospace;
 85}
 86
 87#main header h2{
 88	padding-bottom:30px;
 89}
 90
 91/*
 92article header{
 93	margin-bottom:50px;
 94	padding-bottom:30px;
 95	width:700px;
 96	-webkit-box-shadow:0 45px 60px -60px #AAA;
 97	   -moz-box-shadow:0 45px 60px -60px #AAA;
 98	        box-shadow:0 45px 60px -60px #AAA;
 99}
100*/
101
102#footer-container{
103	background-color: #333333;
104	height:240px;
105	border-top:20px solid #9dfafa;
106	margin-top:50px;
107	-webkit-box-shadow:0 -40px 40px -40px #AAA;
108	   -moz-box-shadow:0 -40px 40px -40px #AAA;
109	        box-shadow:0 -40px 40px -40px #AAA;
110}
111
112#footer-container footer{
113	color:white;
114	margin-top: 10px;
115
116}
117
118.info {
119	position:absolute;
120	right: 0px;
121	top:5px;
122	background-color:white;
123	padding:10px;
124	margin-top:5px;
125}
126
127#jquery-test{
128	top:45px;
129}
130
131
132
133
134
135