prefs: use Dijit stuff

tt-rss.css

@@ -402,10 +402,7 @@ pre {
 	margin : 5px;
 }
 
-input.extSearch {
-	width : 100%;
-}
-
+/*
 div.firstTab {
 	width : 10px;
 	float : left;
@@ -456,7 +453,7 @@ div.prefsTab.Selected {
 	bottom : -1px;
 	z-index : 3;
 	height : 30px;
-}
+} */
 
 div.notice {
 	background : #ffffff;
@@ -910,6 +907,14 @@ html, body#ttrssMain, #main {
 	margin: 0;
 } 
 
+html, body#ttrssPrefs, #main {
+	width: 100%; 
+	height: 100%;
+	border: 0; 
+	padding: 0; 
+	margin: 0;
+} 
+
 #toolbar div.actionChooser {
 	display : table-cell;
 	text-align : right;
@@ -918,7 +923,7 @@ html, body#ttrssMain, #main {
 
 /* preferences layout */
 
-#prefFooter {
+/* #prefFooter {
 	position : absolute;
 	bottom : 0px;
 	height : 20px;
@@ -956,7 +961,7 @@ html, body#ttrssMain, #main {
 	font-size : 12px;
 	margin : 10px;
 	height : 33px;
-}
+} */
 
 div.return {
 	float : right;
@@ -972,7 +977,7 @@ div.return a:hover {
 	color : black;
 }
 
-#prefContentOuter {
+/* #prefContentOuter {
 	clear : left;
 	position : absolute;
 	bottom : 41px;
@@ -998,8 +1003,7 @@ div.return a:hover {
 	right : 0px;
 	padding : 1em;
 	overflow : auto;
-
-}
+} */
 
 div.topLinks img {
 	vertical-align : middle;
@@ -1197,16 +1201,6 @@ div#hotkey_help_overlay table.hho td.bottom {
 	font-size : 11px;
 }
 
-div.prefKbdHelp {
-	float : right;
-	font-size : 12px;
-	margin-right : 15px;
-}
-
-div.prefKbdHelp img {
-	vertical-align : middle;
-}
-
 div#l_progress_o {
 	width : 200px;
 	border : 1px solid black;
@@ -1488,7 +1482,7 @@ div.fatalError textarea {
 #footer {
 	text-align : center;
 	color : gray;
-	padding : 4px;
+	padding : 4px 4px 8px 4px;
 	border-width : 0px;
 }
 
@@ -1522,3 +1516,16 @@ div#feedlistLoading {
 	padding : 5px;
 	color : gray;
 }
+
+div#pref-tabs .dijitContentPane {
+	font-size : 12px;
+}
+
+div#pref-tabs {
+	margin : 0px 5px 0px 5px;
+}
+
+div#pref-tabs .dijitContentPane h3 {
+	font-size : 14px;
+	font-weight : bold;
+}