OASIS Mailing List ArchivesView the OASIS mailing list archive below
or browse/search using MarkMail.

 


Help: OASIS Mailing Lists Help | MarkMail Help

docbook-apps message

[Date Prev] | [Thread Prev] | [Thread Next] | [Date Next] -- [Date Index] | [Thread Index] | [List Home]


Subject: Re: [docbook-apps] WebHelp display issue


Hi David,

Follow-up on my mail of Feb 15 (no reply yet). I was looking at http://snapshots.thingbag.net/xsl/webhelp/template/common/css/ today since I noticed changes, and -- whoops -- positioning.css is gone! Can someone put it back, please? :-)

Also, see my comments below, including the attached diff file.

Cheers,

Stefan

Also, I noticed that positioning.css has grown significantly since
the last time I pulled the snapshots (about 12 days ago). The size
has tripled, and from looking at (my) svn diff this is due to the
fact that many, many lines have been added that set colors (for tr,
th, div, span, and many other elements). These look like
inadvertent changes to me, because they would effectively
"hard-code" colors in the layout.

I don't recall any recent commits, but some of those rules are related
to showing colors for changebars (e.g. if you use the revisionflag
attribute or a tool like DeltaXML to produce diffs).

In its current state, positioning.css is unusable for me, because it adds background colors in various places that can't be overridden by jQuery theme settings. The most visible issue is a teal background color in the top div. The previous (12 day old) version of positioning.css was good. I'm attaching an svn diff between the two versions so you can see what I mean.

Cheers,

Stefan

-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.11 (GNU/Linux)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org/

iQEcBAEBAgAGBQJPOrSrAAoJEMHeSXG7afUhUWoH/3cHvKgMQiTbzmlbHfXYlpB+
ZZhFAJpaP/QHDmpXNXdiwSOcFqq8MFONdbGcpWnQuIJw8FLnsIsirN1Z9kEHqV6O
vVOCO6JJHOpJdkv43H91rXwVScWGynITwKqCirf8QFmDodKXIsNz3tMin1hzWBSq
CY+GCdc3DhhWwVxlXzTjRaAyP2BgBePWWVAHZrUpLVunz0vQFeR1co3dK6ddizBb
NHffnQ1v6/+bocWbYbFWJjIRTyaa6KpLc7hAbmK3AOuaRAyITjgKv1btILTehZKx
oWYu2iD7xgc8Ci7rWMl0qKs2mwJNPTYYflrT+cqbpA0+UWbZHMDR/CVPV8vnxcc=
=TwIw
-----END PGP SIGNATURE-----


--
Cheers,

Stefan Hinz <stefan.hinz@oracle.com>, MySQL Documentation Manager

Phone: +49-30-82702940, Fax: +49-30-82702941, http://dev.mysql.com/doc

ORACLE Deutschland B.V.&  Co. KG
Registered Office: Riesstr. 25, 80992 Muenchen, Germany
Commercial Register: Local Court Of Munich, HRA 95603
Managing Director: Jürgen Kunz

General Partner: ORACLE Deutschland Verwaltung B.V.
Hertogswetering 163/167, 3543 AS Utrecht, Niederlande
Register Of Chamber Of Commerce: Midden-Niederlande, No. 30143697
Managing Directors: Alexander van der Ven, Astrid Kepper, Val Maher

Index: positioning.css
===================================================================
--- positioning.css	(Revision 1046)
+++ positioning.css	(Arbeitskopie)
@@ -1,34 +1,107 @@
+tr th .added { color: #E6E6FA; } 
+tr th .changed {color: #99ff99; }
+div.added tr, div.added    { background-color: #E6E6FA; }
+div.deleted tr, div.deleted  { text-decoration: line-through;
+               background-color: #FF7F7F; }
+div.changed tr, div.changed  { background-color: #99ff99; }
+div.off      {  }
+
+span.added   { background-color: #E6E6FA; }
+span.deleted { text-decoration: line-through;
+               background-color: #FF7F7F; }
+span.changed { background-color: #99ff99; }
+span.off     {  }
+
+
 body { font: 12px Verdana, Geneva, sans-serif; }
 p, ul, ol, li { font: 10pt Verdana, Geneva, sans-serif; }
-h1 { font: bold 15pt Arial, Helvetica, geneva; }
-h2 { font: bold 14pt Arial, Helvetica, geneva; }
+h1 { font: 15pt Arial, Helvetica, geneva;
+     color: black!important!;
+}
+h2 { font: normal 12pt Arial, Helvetica, geneva; }
 
 #header {
-    background: white url(../images/header-bg.gif) repeat-x;
+    background: url("../images/header-bg.png") scroll top left repeat-x #4d8c83;
     position: fixed;
     width: 100%;
-    height: 95px;
+    height: 99px;
     top: 0;
     right: 0;
     bottom: auto;
     left: 0;
-    border-bottom: 2px solid #cccccc;
+    border-bottom: 1px solid #bbc4c5;
     z-index: 2000;
 }
 
+#header h1 {
+    margin-left: 310px;
+    position: fixed;
+    top: 10px;
+    left: -15px;
+    color: #404040 !important;
+}
+
+/*
+#header h1 {
+	margin-top: 2px;
+}
+*/
+
+p.breadcrumbs {
+    margin-top: 30px;
+    margin-left: 310px;
+}
+
+#header img {
+    float: left;
+    margin-left: 20px;
+    margin-top: 12px;
+}
+
+#header p.breadcrumbs a {
+    color: #bbb;
+}
+
 #leftnavigation {
-/* background-color:#91e7b3;*/
     overflow: auto;
     position: fixed;
     height: auto;
-    top: 90px;
+    top: 95px;
     bottom: 0;
     left: 0;
     width: 280px;
     z-index: 1500;
+    border-right:2px solid #bbc4c5;
+    padding: 0px;
+    background-color: #ededed!important;
+}
+
+#treeDiv {
+    overflow: auto;
+    position: fixed;
+    height: auto;
+    top: 136px;
+    bottom: 0;
+    left: 0;
+    width: 243px;
+    z-index: 1500;
     border-right:2px solid #CCCCCC;
+    background-color: #f0f0f0!important;
 }
 
+#searchDiv {
+    overflow: auto;
+    position: fixed;
+    height: auto;
+    top: 138px;
+    bottom: 0;
+    left: 0;
+    width: 243px;
+    z-index: 1500;
+    border-right:2px solid #CCCCCC;
+    background-color: #f0f0f0!important;
+}
+
 #content {
     position: relative;
     top: 90px; /* left: 240px;*/
@@ -41,36 +114,36 @@
     color: #000000;
     /*border-left: 2px solid #cccccc; overflow :scroll;*/
     z-index: 1000;
-
-    max-width: 70em;
-    min-width:800px;
+    min-width:200px;
 }
 
 #navheader {
     position: fixed;
-    top: 65px;
-    right:4px;
+    background: #DCDCDC;
+    padding-left: 10px;
+    right: 0px;
+    top: 10px;
+    text-align: right;
 }
 
-#content h1, #content h2 { color: #cc0000; }
+#content h1, #content h2 { 
+color: #404040 !important; 
+font-size: 170%;
+font-weight: normal;
+}
 .navfooter { bottom: 2%; }
 .highlight { background-color: #c5d3c3; }
 .highlightButton{ font-size: 0; }
 
 /*  Show Hide TOC tree */
 .pointLeft {
-    background: url("../images/showHideTreeIcons.png") 0 0 no-repeat;
-    height: 28px;
-    width: 15px;
+    padding-right: 15px;
     display: block;
-    font-size: 0;
     cursor: pointer;
 }
 .pointRight {
-    background: url("../images/showHideTreeIcons.png") -15px 0 no-repeat;
-    height: 28px;
+    padding-right: 15px;
     display: block;
-    font-size: 0;
     cursor: pointer;
 }
 
@@ -84,26 +157,195 @@
     text-decoration: none;
     color: #0050A0;
 }
-.searchresult li {
-    color: #0050A0;
+.searchresult li { color: #0050A0; }
+.shortdesclink { color: gray; font-size: 9pt; }
+.searchText { width: 11em }
+.searchButton {
+    margin-left: 3px;
+    background: #F4F4F4;
+    color: #black;
+    border: #ACCEAF solid 1pt;
+    font-weight: bold;
+    font-size: 10pt
 }
-.shortdesclink {
-    color: gray;
-    font-size: 9pt;
+.searchFieldSet { border: 1px solid #BFBAB0; background-color: #F2EFE9;}
+
+.title, div.toc>p{ font-weight: bold; }	
+
+p.breadcrumbs {
+        display: inline;
+	margin-bottom: 0px;
+	margin-top: 33px;
 }
-.searchText {
-    border: #BFCEE9 solid 1pt;
-    width: 11em
+
+p.breadcrumbs a {
+	padding-right: 12px;
+	margin-right: 5px;
+	text-decoration: none;
+	color: #575757;
+	text-transform: uppercase;
+	font-size: 10px;
 }
-.searchButton {
-	margin-left: 3px;
-    background: #EBEFF8;
-    color: #0050A0;
-    border: #BFCEE9 solid 1pt;
+
+p.breadcrumbs a:first-child {background: url(../images/breadcrumb-arrow-white.png) no-repeat right center;}
+
+p.breadcrumbs a:hover {text-decoration: underline;}
+
+/* OXYGEN ADDITION FOR SEARCH RESULT RATING */
+
+#star ul.star { 
+    LIST-STYLE: none; 
+    MARGIN: 0; 
+    PADDING: 0; 
+    WIDTH: 85px;
+    /* was 100 */ 
+    HEIGHT: 20px;
+    LEFT: 1px; 
+    TOP: -5px; 
+    POSITION: relative; 
+    FLOAT: right; 
+    BACKGROUND: url('../images/starsSmall.png') repeat-x 0 -25px;
+}
+#star li { 
+    PADDING: 0; 
+    MARGIN: 0; 
+    FLOAT: right; 
+    DISPLAY: block; 
+    WIDTH: 85px;
+    /* was 100 */
+    HEIGHT: 20px; 
+    TEXT-DECORATION: none; 
+    text-indent: -9000px; 
+    Z-INDEX: 20; 
+    POSITION: absolute; 
+    PADDING: 0; 
+}
+#star li.curr { 
+    BACKGROUND: url('../images/starsSmall.png') left 25px; 
+    FONT-SIZE: 1px; 
+}
+
+table.navLinks {margin-right: 20px;}
+
+table.navLinks td a {
+	text-decoration: none;
+	text-transform: uppercase;
+	color: black;
+	font-size: 11px;
+}
+
+a.navLinkPrevious {
+	padding-left: 12px;
+	background: url(../images/previous-arrow.png) no-repeat left center;
+}
+
+a.navLinkNext {
+	padding-right: 12px;
+	background: url(../images/next-arrow.png) no-repeat right center;
+}
+
+a#showHideButton {
+	padding-left: 20px;
+	background: url(../images/sidebar.png) no-repeat left center;
+}
+
+	
+.filetree li span a { color: #777; }
+
+#treediv { -webkit-box-shadow: #CCC 0px 1px 2px 0px inset; }
+
+.legal, .legal *{
+ color: #555;
+ text-align: center;
+ padding-bottom: 10px;
+}
+
+.internal { color : #0000CC;}
+
+.writeronly {color : red;}
+
+.remark, .remark .added, .remark .changed, .remark .deleted{ background: yellow;} 
+
+tr th, tr th .internal, tr th .added, tr th .changed {
+	background: #00589E;
+	color: white;
+	font-weight: bold;
+	text-align: left;
+}
+
+.statustext{
+    position:fixed;
+    top:105px;
+    width: 0%;
+    height: 0%;
+    opacity: .3;
+    -webkit-transform: rotate(90deg);
+    -moz-transform: rotate(90deg);
+    -o-transform: rotate(90deg);
+    white-space: nowrap;
+    color: red;
     font-weight: bold;
-    font-size: 10pt
+    font-size: 2em;
+    margin-top: 30px;
 }
 
-.title, div.toc>p{
-	font-weight: bold;
-	}	
\ No newline at end of file
+#toolbar {
+	width: 100%;
+	height: 33px;
+	position: fixed;
+	top: 93px;
+	z-index: 99;
+	left: 280px;
+	color: #333;
+	line-height: 28px;
+	padding-left: 10px;
+}
+
+#toolbar-left {
+	position: relative;
+	left: 0px;
+}
+ 
+body p.breadcrumbs {
+	margin: 0px;
+	padding: 0px;
+	line-height: 28px;
+}
+
+body #content {
+	position: static;
+	margin-top: 126px;
+	top: 0px;
+}
+
+body.sidebar #toolbar{left: 0px;}
+
+body.sidebar #toolbar-left{left: 0px;}
+
+div#toolbar-left img {vertical-align: text-top;}
+
+div.note *, div.caution *, div.important *, div.tip *, div.warning * {
+    background: inherit !important;
+    color: inherit !important;
+    border: inherit  !important;    
+}
+
+#content table thead, #content table th{
+    background: gray;
+    color: white;
+    font-weight: bold;
+}
+
+#content table caption{font-weight: bold;}
+
+#content table td, #content table {border: 1px solid black;}
+
+#content table td, #content table th { padding: 5px;}
+
+#content table {margin-bottom: 20px;}
+
+*[align = 'center']{ text-align: center;}
+
+#content .qandaset>table, #content .qandaset>table td, #content .calloutlist table, #content .calloutlist table td, #content .navfooter table, #content .navfooter table td {
+    border: 0px solid;
+}



[Date Prev] | [Thread Prev] | [Thread Next] | [Date Next] -- [Date Index] | [Thread Index] | [List Home]