Getting close between ie and ff

git-svn-id: svn://svn.alpinelinux.org/acf/core/trunk@557 ab2d0c66-481e-0410-8bed-d214d4d58bed

1 files changed, 114 insertions, 184 deletions

diff --git a/www/ice/ice.css b/www/ice/ice.css
index 1dd4a2d..7dd9a4b 100644
--- a/www/ice/ice.css
+++ b/www/ice/ice.css
@@ -1,27 +1,14 @@
-/* .css - Alpine ACF */
-
 /*----------------------------------------------------------------------------------
- * DEBUGGING SECTION
+ * IMPORT
  *----------------------------------------------------------------------------------
  */
 
-/* DEBUG INFORMATION
-   "#wrapper input" makes things red and ugly. This is to search for things that needs to be added/removed in this css.
-   If you find that some button/input turns red, pleace see what needs to be changed in your code or in this css.
-   When using the html.form[]() to create inputs/buttons/fields then everything should work just fine.
-   When manually wringing a <input... or something like that, see if you need to add class='whatever' or something like it.
-*/
+@import url("ice_general.cssx");
+@import url("ice_ie.css");
+/*@import url("ice_ff.css"); */
 
-#content input { /* DEBUG: Search for uncategorized buttons/inputs */
-	background:	red;
-}
-.leader {
-	border:		0px solid yellow;
-}
 
-.tailer {
-	border:		0px solid magenta;
-}
+/* .css - Alpine ACF */
 
 /*----------------------------------------------------------------------------------
  * GENERAL
@@ -50,17 +37,15 @@ hr {
 	height: 			3px;
 }
 .error {
-/*	height:			0px; */
-	font-size: 		11pt;
 	font-weight: 		bold;
+	font-style:		italic;
 	color: 			#f33;
-	margin: 			0;
-	padding: 			0;
 }
 .mute {
 	color: 			#777;
 }
 
+
 /*----------------------------------------------------------------------------------
  * BODY & PAGE
  *----------------------------------------------------------------------------------
@@ -98,12 +83,11 @@ body {
 	margin: 			0px 0px 0px 0px;
 }
 #header p {
-	position:			absolute;
-	top:			10px;
-	right:			10px;
+	float: 			right;
 	font-size:		14px;
 	padding: 			0px 0px 0px 0px;
-	margin: 			0px 0px 0px 0px;
+	margin-right: 		5px;
+	margin-top: 		5px;
 }
 #header .tailer {
 	position:			absolute;
@@ -115,22 +99,22 @@ body {
 	margin: 			0px 0px 0px 0px;
 	padding: 			0px 0px 0px 0px;
 }
+
 /*----------------------------------------------------------------------------------
  * PAGE > HEADER > LOGO
  *----------------------------------------------------------------------------------
  */
 #logo h1 {
+	position:			absolute;
+	top:			10px;
+	left: 			10px;
 	font-size:		40px;
-	padding: 			0px 0px 0px 10px;
-	margin: 			0px 0px 0px 0px; 
 }
 #logo p {
 	position:			absolute;
-	top:			60px;
+	top:			55px;
 	left:			10px;
 	font-size:		14px;
-	padding: 			0px 0px 0px 0px;
-	margin: 			0px 0px 0px 0px; 
 }
 
 /*----------------------------------------------------------------------------------
@@ -138,12 +122,9 @@ body {
  *----------------------------------------------------------------------------------
  */
 #main {
-	left: 			0px;
-	top: 			0px;
-	width: 			100%;
-	padding: 			0px 0px 0px 0px;
-	margin: 			17px 0px 0px 0px; 
-/*	background:	green; */
+	clear: 			both;
+	margin-top: 		20px;
+	margin-left: 		200px;
 }
 
 /*----------------------------------------------------------------------------------
@@ -151,20 +132,19 @@ body {
  *----------------------------------------------------------------------------------
  */
 #nav {
+	position: 		absolute;
+	top: 			97px;
+	left: 			0px;
 	width: 			180px;
 	margin: 			0px 0px 0px 9px;
-	background:		white;
-	/*background:	blue;	*/
-
 	padding: 			0px 10px 0px 0px;
+	background:		white;
 	background-image: 		url(shadow-side.png);
 	background-repeat: 		repeat-y;
 	background-position: 	right;
 }
 #nav ul {
 	list-style-type: 		none;
-	padding: 			0px 0px 0px 0px;
-	margin: 			0px 0px 0px 0px;
 }
 #nav ul li {
 	color: 			white;
@@ -173,13 +153,9 @@ body {
 	white-space: 		nowrap;
 	overflow: 		hidden;
 	background:		#6688AA;
-	padding: 			1px 0px 0px 4px;
-	margin: 			0px 0px 0px 0px;
 	border-top: 		1px solid #7799BB;
 }
 #nav ul li ul {
-	padding: 			2px 0px 0px 0px;
-	margin: 			0px 0px 0px -4px;
 }
 #nav ul li ul li {
 	font-weight: 		normal;
@@ -191,17 +167,17 @@ body {
 	border-top: 		1px solid #ccc;
 	border-left: 		1px solid #ddd;
 	background-image: 		url(menu_item.png);
-	padding:			0px 0px 0px 0px;
-	margin:			0px 0px 0px 0px;
 }
 #nav ul li ul li.selected {
 	background: 		#dff;
 	font-weight:		bold;
 }
 #nav ul li ul li a {
-	display: 			block;
-	height:			19px;
-	padding:			2px 0px 0px 5px;
+	clear:			right;
+	display:			list-item;
+	padding-left:		5px;
+	padding-top:		3px;
+	padding-bottom:		3px;
 }
 #nav ul li ul li a:hover {
 	background-image: 		url(menu_item_hover.png);
@@ -215,18 +191,19 @@ body {
  *----------------------------------------------------------------------------------
  */
 #postnav h2 {
-	position: 		absolute;
-	top:			95px;
-	left:			200px;
-	right:			9px; 
+	clear: both;
+	padding: 			2px 0px 2px 5px;
+	background:		#6688AA; 
 	color: 			white;
 	font-size: 		16px;
 	font-weight: 		bold;
 	white-space: 		nowrap;
 	overflow: 		hidden;
-	background:		#6688AA;
-	padding: 			2px 0px 2px 5px;
-	margin: 			0px 0px 0px 0px;
+	background-image: 		url(shadow-side.png);
+	background-repeat: 		repeat-y;
+	background-position: 	right;
+	border: 			none;
+	margin-right:		0px;
 }
 #postnav p {
 	position: 		absolute;
@@ -241,22 +218,17 @@ body {
 	overflow: 		hidden;
 	background:		transparent;
 	padding: 			0px 5px 0px 10px;
-	margin: 			0px 0px 0px 0px;
-/*	background:	blue;	*/
 }
-
 /*----------------------------------------------------------------------------------
  * PAGE > MAIN > SUBNAV
  *----------------------------------------------------------------------------------
  */
 #subnav {
 	position:			absolute;
-	top:			56px;
+	top:			55px;
 	height:			40px;
 	left:			200px;
-	padding: 			0px 0px 0px 0px;
-	margin: 			0px 0px 0px 0px;
-/*	background:	blue; */
+	padding-top: 		2px;
 }
 #subnav a {
 	height:			40px;
@@ -277,170 +249,128 @@ body {
  *----------------------------------------------------------------------------------
  */
 #content {
-	display:			block;
-	position: 		absolute;
-	top: 			117px;
-	left:			200px;
-	right:			0px;
-
 	background-image: 		url(shadow-side.png);
 	background-repeat: 		repeat-y;
 	background-position: 	right;
-	font-size:		12px;
+	margin-top:		-20px;
+	padding-right:		10px;
 	border-left:		1px solid #cacaca;
-	margin: 			0px 0px 0px 0px;
-	padding: 			0px 10px 0px 5px;
 }
-#content h1 { 
-	display:			block;
-	clear: 			both;
-	height: 			18px;
-	padding: 			2px 0px 0px 5px;
-	margin: 			0px 0px 2px -5px;
-	text-decoration:		none;
-	font-size: 		14px;
+#content h1,h2,h3,h4,h5 { 
+	clear:			both;
+	padding-top:		3px;
+	border-bottom: 		1px solid #cacaca; 
+	border-top: 		1px solid #cacaca;
 	font-weight: 		bold;
+	font-size: 		14px;
 	white-space: 		nowrap;
 	overflow: 		hidden;
-	border-bottom: 		1px solid #cacaca;
-	border-top: 		1px solid #ccc;
+}
+#content h1 { 
+	margin-top:		20px;
+	height: 			17px;
 	background-image: 		url(h1.png);
-	color: 			#5c7b99;
+	padding-left:		5px;
 }
-
 #content h2 { 
-	display:			block;
-	clear: 			both;
 	height: 			18px;
-	padding: 			2px 0px 0px 10px;
-	margin:			0px 0px 2px -5px;
-	text-decoration:		none;
-	font-size:		14px;
-	font-weight:		bold;
-	white-space:		nowrap;
-	overflow:			hidden;
-	border-bottom:		1px solid #cacaca;
-	border-top:		1px solid #ccc;
-	background-image:		url(h2.png);
-	color:			#5c7b99;
+	background-image: 		url(h2.png);
+	padding-left:		10px;
 }
 #content h3 { 
-	display:			block;
-	clear: 			both;
-	height:			14px;
-	padding:			0px 0px 0px 15px;
-	margin:			0px 0px 2px -5px;
-	text-decoration:		none;
-	font-size:		12px;
-	font-weight:		thin;
-	white-space:		nowrap;
-	overflow:			hidden;
-	border-bottom:		1px solid #cacaca;
-	border-top:		1px solid #ccc;
-	background-image:		url(h3.png);
-	color:			#5c7b99;
+	height: 			14px;
+	background-image: 		url(h3.png);
+	font-size: 		12px;
+	padding-left:		15px;
+}
+#content .descr {
+	clear:	both;
 }
 
-#content p {
-	clear:			both;
-	display:		block;
+#content .value {
+	display: inline;
+	padding-left: 200px;
 }
-#content p.error {
-	clear:			both;
-	display:		block;
+
+#content dl {
+	display:			block;
+	clear: 			both;
+/*	margin-bottom:		10px; */
 }
 
 #content dt {
-	float: 			left;
-	clear: 			left;
-	width: 			30%;
-	color: 			#000;
+	width: 			220px;
 	font-size: 		12px;
 	text-align:		left;
-	margin:			0px 5px 0px 0px;
-	padding:			5px 0px 5px 0px;
-	border-top:		1px solid #ddd;
 	font-weight:		bold;
-/*	background:	blue;	*/
-
+	float: 			left;
+	clear: 			left;
+	margin-top:		1px;
+	margin-left: 		0px;
+	border-top:		1px solid #ddd;
+	padding-left:		5px;
+	padding-top:		5px;
+	padding-bottom:		5px;
 }
-
 #content dd {
-	display: 		block;
-	float: 			left;
-	width: 			68%;
-	color: 			#444;
+	margin-top:		1px;
+	clear: right;
 	font-size: 		12px;
-	margin:			0px 5px 0px 0px;
-	padding:			5px 0px 5px 0px;
-	font-weight:		 light;
-/*	background:	green; */
+	margin-left: 		230px;
+	padding-top:		5px;
+	padding-bottom:		5px;
 }
-#content dd p {
-	display: 		inline;
-	margin-left:	10px;
-	font-style:	italic;
-/*	background:	green;  */
+#content .tailer {
+	clear: 			both;
+	border-bottom:		3px solid #cacaca;
+	margin-left: 		0px;
 }
-
-
-#content dd.error {
-	color: 			red;
+#content .submit {
+	width: 			100px;
+	border-right:		1px solid #cacaca;
+	border-bottom:		1px solid #cacaca;
+	background:		#eee;
 }
-
 #content textarea {
-	width: 			99%;
-	height: 			300px;
 	border-right: 		1px solid #cacaca;
 	border-bottom: 		1px solid #cacaca;
 }
-#content input.text {
-/*	background: 	cyan; */
+#content p,input.text,select,textarea,table {
+	width:			99%;
 }
 
-#content form {
-	display:			inline;
+#content select,textarea {
+	height:			300px;
 }
-
-#content dd select {
-	width:			100%;
-	border-right:		1px solid #cacaca;
-	border-bottom:		1px solid #cacaca;
-}
-
-#content .submit {
-	width: 			100px;
-	border-right:		1px solid #cacaca;
-	border-bottom:		1px solid #cacaca;
-	background:		#eee;
-}
-#content .text {
-	width: 			100%;
-	border-right:		1px solid #cacaca;
-	border-bottom:		1px solid #cacaca;
-	background:		white;
-}
-#content table {
-	width: 			99%;
+#content dd select,dd textarea {
+	height:			100px;
 }
-#content .tailer {
-	clear: 			both;
-	border-bottom:		3px solid #cacaca;
-	margin-left: 		-5px;
+#content form select.radio {
+	border:			none;
 }
 
+
 /*----------------------------------------------------------------------------------
  * PAGE > FOOTER
  *----------------------------------------------------------------------------------
  */
+
 #footer {
-	position:			relative;
-	clear: 			left;
+/* float: right; */
+	margin-top:		20px;
+	margin-left: 		200px;
+	margin-right: 		10px;
+	padding:			5px;
+	clear: both;
+	text-align:		center; 
 	border-top:		1px solid #d6d6d6;
-	width: 			180px;
-	padding:			5px 0px 5px 0px;
-	margin:			15px 0px 0px 10px;
 	font-size:		10px;
-	text-align:		center; 
 	color: 			#aaa;
+
+/*	position:			relative;
+	clear: 			both;
+	width: 			100%;
+	padding:			5px 0px 5px 0px;
+	margin:			15px 0px 0px 10px; */
 }
+