introducing scss (v1)

style/_mobile.scss

@@ -0,0 +1,109 @@
+@media only screen and (max-device-width: 480px) {
+
+	/* General - Standard Tags - index */
+	
+	body, html {
+		min-width:300px;
+	}
+
+	.mobile {
+		display:inherit;
+	}
+	
+	#container {
+		padding:0;
+	}
+	
+	#header table .cell.righty, #footer {
+		display: none;
+	}
+	
+	#header table .cell.lefty {
+		width:100%;
+	}
+	
+	.logo {
+		top:5px;
+		left:50%;
+		margin-left:-110px;
+	}
+	
+	#menu {
+		-moz-border-radius:0 10px 10px 0;
+		-webkit-border-radius:0 10px 10px 0;
+		-khtml-border-radius:0 10px 10px 0;
+		border-radius:0 10px 10px 0;
+	}
+	
+	#main_container {
+		-moz-border-radius:10px 0 0 10px;
+		-webkit-border-radius:10px 0 0 10px;
+		-khtml-border-radius:10px 0 0 10px;
+		border-radius:10px 0 0 10px;
+	}
+
+	/* Logon */
+	
+	#logon .logo {
+		position:static;
+	}
+	
+	#logon .container {
+		left:0;
+		margin-left:0;
+		width:100%;
+	}
+	
+	#logon .logon_msg, #logon .box {
+		margin:10px;	
+	}
+	#logon .box {
+		background:white;
+		overflow:auto;
+	}
+	#logon .box .key {
+		display:none;
+	}
+	#logon .box table {
+		margin:0;
+		display:block;
+	}
+	#logon .box table td {
+		padding:0;
+		margin:0;
+	}
+	#logon .box .validate {
+		text-align:right;
+	}
+	#logon .box .feedback {
+		float:left;
+	}
+	#logon .box input {
+		float:right;
+		width:90%;
+	}
+	#logon .box input[type=button] {
+		padding:1px 10px;
+		width:auto;
+	}
+
+	/* Menu */
+
+	#menu #menu_box ul li#close_menu_ln {
+		border-top:2px solid $col_blue;
+	}
+	
+	/* Chat */
+	
+	#chat #chat_chan, #chat #sidebar {
+		display:none;
+	}
+	
+	#chat #chat_room {
+		margin-right:0;
+	}
+	
+	#chat #chat_room #chat_container #chat_messages_box {
+		background-image: url('images/sap_gold_200.jpg');
+	}
+}