Add documentation, class reference, and quick-start guide pages (5771 files)

This commit is contained in:
Jarvis Prime
2026-03-23 20:14:47 +00:00
parent 94a1b3d794
commit 1d795b2f00
5780 changed files with 392312 additions and 0 deletions

View File

@@ -0,0 +1,67 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Known Issues</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link href="prettify.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="prettify.js"></script><script type="text/javascript" src="lang-vb.js"></script><link href="../resources/main.css" media="screen" rel="stylesheet" type="text/css">
</head>
<body onload="prettyPrint()"><div class="placing">
<br><table class="navigation"><tr>
<td class="navigation-previous"><a href="chapter-properties.html"><strong>
« Better SplitButton Properties</strong></a></td>
<td class="navigation-index"><a href="../../../better-splitbutton/documentation.html"><strong>Index</strong></a></td>
<td class="navigation-next"></td>
</tr></table>
<br><h1>Known Issues</h1>
<div class="banner">
<a href="../../../blog/page/6/index.html"><img src="../resources/overview.gif" alt="Better ListView" class="ss"></a>
<div class="inside">
<div class="text">Better ListView: Ultimate .NET ListView replacement control for WinForms (C#, VB.NET)</div>
<span class="dbtn-c dbtn-hilight"><span class="dbtn-w"><a href="../../../betterlistview.exe" class="dbtn">Download</a></span></span>
<span class="dbtn-c"><span class="dbtn-w"><a href="../../../blog/page/6/index.html" class="dbtn">More Info</a></span></span>
</div>
</div>
<p>There are some known issues where the Better SplitButton behaves
<strong><em>differently</em></strong> from standard Button class:</p>
<ul><li>
<p>If the <span class="code">TextImageRelation</span> property is set to any other
value than <span class="code">Overlay</span> the control will not display any text or
image. Other methods of rendering are not yet implemented.</p>
</li></ul>
<ul><li>
<p>If the <span class="code">FlatStyle</span> property is set to
<span class="code">Popup</span> or <span class="code">System</span> no background is drawn. Only
the <span class="code">Standard</span> and <span class="code">Flat</span> rendering styles are
implemented as of this time.</p>
</li></ul>
<br><div class="banner">
<a href="../../../blog/page/6/index.html"><img src="../resources/overview.gif" alt="Better ListView" class="ss"></a>
<div class="inside">
<div class="text">Better ListView: Ultimate .NET ListView replacement control for WinForms (C#, VB.NET)</div>
<span class="dbtn-c dbtn-hilight"><span class="dbtn-w"><a href="../../../betterlistview.exe" class="dbtn">Download</a></span></span>
<span class="dbtn-c"><span class="dbtn-w"><a href="../../../blog/page/6/index.html" class="dbtn">More Info</a></span></span>
</div>
</div>
<table class="navigation"><tr>
<td class="navigation-previous"><a href="chapter-properties.html"><strong>
« Better SplitButton Properties</strong></a></td>
<td class="navigation-index"><a href="../../../better-splitbutton/documentation.html"><strong>Index</strong></a></td>
<td class="navigation-next"></td>
</tr></table>
<br><table class="footer"><tr>
<td class="footer-title">Better SplitButton Documentation
</td>
<td class="footer-copyright">
Copyright © <a href="../../../index.html" target="_blank">ComponentOwl.com</a>
</td>
</tr></table>
</div></body>
</html>

View File

@@ -0,0 +1,245 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Better SplitButton Properties</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link href="prettify.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="prettify.js"></script><script type="text/javascript" src="lang-vb.js"></script><link href="../resources/main.css" media="screen" rel="stylesheet" type="text/css">
</head>
<body onload="prettyPrint()"><div class="placing">
<br><table class="navigation"><tr>
<td class="navigation-previous"><a href="../../../better-splitbutton/quick-start-guide.html"><strong>
« Quick Start</strong></a></td>
<td class="navigation-index"><a href="../../../better-splitbutton/documentation.html"><strong>Index</strong></a></td>
<td class="navigation-next"><a href="chapter-known-issues.html"><strong>Known Issues »
</strong></a></td>
</tr></table>
<br><h1>Better SplitButton Properties</h1>
<div class="banner">
<a href="../../../blog/page/6/index.html"><img src="../resources/overview.gif" alt="Better ListView" class="ss"></a>
<div class="inside">
<div class="text">Better ListView: Ultimate .NET ListView replacement control for WinForms (C#, VB.NET)</div>
<span class="dbtn-c dbtn-hilight"><span class="dbtn-w"><a href="../../../betterlistview.exe" class="dbtn">Download</a></span></span>
<span class="dbtn-c"><span class="dbtn-w"><a href="../../../blog/page/6/index.html" class="dbtn">More Info</a></span></span>
</div>
</div>
<h2>SplitSize property</h2>
<p>This property indicates the <strong><em>width</em></strong> of the split
part in <strong><em>pixels</em></strong>. The button changes appearance as you
change the value. If you set the value to <span class="code">0</span> the control will
look and behave same as the classic <span class="code">Button</span> class. If you set
the value to be as high as the width of the whole control then only the
split part will be drawn. You can see how this property affects the
control in <span class="code">BetterSplitButtonSamplesCS</span> sample project:</p>
<p class="images"><img src="size_glyph.png"></p>
<h2>SplitImageList property</h2>
<p>This property allows you to display <strong><em>images in the split
part</em></strong>. You can display different image for each button state. It
expects - if not <span class="code">null</span> - a instance of the
<span class="code">ImageList</span> class with six images in it. Each index in the list
coresponds to a state of the button so you can animate the images
according to your prefference. The states and their coresponding indexes
are as follows:</p>
<p><strong>C#</strong></p>
<pre class="prettyprint"><code class="lang-cs">Normal = 0 // mouse is not in the control
ButtonHot = 1 // mouse is in the button area
ButtonPressed = 2 // mouse down in the button area
SplitHot = 3 // mouse is in the split area
SplitPressed = 4 // mouse down in the split area
Disabled = 5 // the control is disabled</code></pre>
<br><hr>
<p class="note">If the control won't find an image in the coresponding index of
the <span class="code">SplitImageList</span> it will display Normal (index
<span class="code">0</span>) image.</p>
<hr>
<br><p>You can find an example in the
<span class="code">BetterSplitButtonSamplesCS.cs</span> code file:</p>
<p><strong>C#</strong></p>
<pre class="prettyprint"><code class="lang-cs">// create the image list for the button states
ImageList splitImageList = new ImageList();
splitImageList.ImageSize = new Size(48, 48);
splitImageList.ColorDepth = ColorDepth.Depth32Bit;
// load the images for all the button states
// THE INDEX IN THE LIST CORESPONDS TO THE STATE OF THE BUTTON
splitImageList.Images.Add(Image.FromStream(thisAssembly.GetManifestResourceStream("ComponentOwl.BetterSplitButtonSamplesCS.Resources.state_normal.png")));
splitImageList.Images.Add(Image.FromStream(thisAssembly.GetManifestResourceStream("ComponentOwl.BetterSplitButtonSamplesCS.Resources.state_button_hot.png")));
splitImageList.Images.Add(Image.FromStream(thisAssembly.GetManifestResourceStream("ComponentOwl.BetterSplitButtonSamplesCS.Resources.state_button_pressed.png")));
splitImageList.Images.Add(Image.FromStream(thisAssembly.GetManifestResourceStream("ComponentOwl.BetterSplitButtonSamplesCS.Resources.state_split_hot.png")));
splitImageList.Images.Add(Image.FromStream(thisAssembly.GetManifestResourceStream("ComponentOwl.BetterSplitButtonSamplesCS.Resources.state_split_pressed.png")));
splitImageList.Images.Add(Image.FromStream(thisAssembly.GetManifestResourceStream("ComponentOwl.BetterSplitButtonSamplesCS.Resources.state_disabled.png")));
// assign the list to the button
this.bsbSplitImage.SplitImageList = splitImageList;</code></pre>
<p><strong>Visual Basic</strong></p>
<pre class="prettyprint"><code class="lang-vb">' create the image list for the button states
Dim splitImageList As New ImageList()
splitImageList.ImageSize = New Size(48, 48)
splitImageList.ColorDepth = ColorDepth.Depth32Bit
' load the images for all the button states
' THE INDEX IN THE LIST CORESPONDS TO THE STATE OF THE BUTTON
splitImageList.Images.Add(Image.FromStream(thisAssembly.GetManifestResourceStream("ComponentOwl.BetterSplitButtonSamplesCS.Resources.state_normal.png")))
splitImageList.Images.Add(Image.FromStream(thisAssembly.GetManifestResourceStream("ComponentOwl.BetterSplitButtonSamplesCS.Resources.state_button_hot.png")))
splitImageList.Images.Add(Image.FromStream(thisAssembly.GetManifestResourceStream("ComponentOwl.BetterSplitButtonSamplesCS.Resources.state_button_pressed.png")))
splitImageList.Images.Add(Image.FromStream(thisAssembly.GetManifestResourceStream("ComponentOwl.BetterSplitButtonSamplesCS.Resources.state_split_hot.png")))
splitImageList.Images.Add(Image.FromStream(thisAssembly.GetManifestResourceStream("ComponentOwl.BetterSplitButtonSamplesCS.Resources.state_split_pressed.png")))
splitImageList.Images.Add(Image.FromStream(thisAssembly.GetManifestResourceStream("ComponentOwl.BetterSplitButtonSamplesCS.Resources.state_disabled.png")))
' assign the list to the button
Me.bsbSplitImage.SplitImageList = splitImageList
</code></pre>
<br><hr>
<p class="note">Make sure that the dimensions of the controls and the
<span class="code">SplitSize</span> property are set such that the images in
<span class="code">SplitImageList</span> can fit in the resulting split area. The
images <strong><em>won't</em></strong> scale down or up to fit.</p>
<hr>
<br><p>To illustrate here is an example of how different images can be
displayed in each button state:</p>
<p class="images"><img src="split_images.png"></p>
<h2>SplitGlyphScaling property</h2>
<p>If <span class="code">SplitImageList</span> property is <span class="code">null</span> or
empty the <strong><em>default glyph</em></strong> is drawn in the split area.
By setting this property you can control size of that glyph. If set to
<span class="code">0</span>, no glyph will be drawn. You can see how this property
affects the control in <span class="code">BetterSplitButtonSamplesCS</span> sample
project.</p>
<h2>AlwaysDropDown property</h2>
<p>This property allows you to instruct the control to display context
menu after mouse click <strong><em>regardless of the mouse
position</em></strong>. In other words, if set true the button will always
display context menu after mouse click. Also, it won't display the line
between the button area and the split area. You can see how this property
affects the control in <span class="code">BetterSplitButtonSamplesCS</span> sample
project.</p>
<h2>BlockEnterAndSpaceBar property</h2>
<p>If set true, you wont be able to perform a mouse click by hitting
Enter or Space key. You can see how this property affects the control in
<span class="code">BetterSplitButtonSamplesCS</span> sample project.</p>
<h2>DoubleClickEnabled property</h2>
<p>If set true, a <span class="code">SplitButtonDoubleClick</span>
<strong><em>event</em></strong> will occur if you double-click in the split
area.</p>
<h2>Setting Up The Context Menu</h2>
<p>To display the context menu you have to assign an instance of
<span class="code">ContextMenuStrip</span> class to the <span class="code">ContextMenuStrip</span>
<strong><em>property</em></strong>. If this property is <span class="code">null</span> or
the menu is empty it won't display anything. To set up your
<span class="code">ContextMenuStrip</span> intance you can you the Visual Studio
designer which makes the process very easy. However if yous wish to
construct your menu in code by yourself there's no harm in doing that. We
even provide you with special <span class="code">BeforeMenuShown</span>
<strong><em>event</em></strong> where you can construct your context menu
dynamically. Good example of this technique can be found in
<span class="code">BetterSplitButtonSamplesCS.cs</span> code file:</p>
<p><strong>C#</strong></p>
<pre class="prettyprint"><code class="lang-cs">private void bsbBrowse_BeforeMenuShown(object sender, EventArgs e)
{
// clear any previous items
this.cmsBrowse.Items.Clear();
// get all files in current directory
string[] filesInCurDir = Directory.GetFiles(Environment.CurrentDirectory);
foreach (string fileName in filesInCurDir)
{
// get some info
FileInfo fi = new FileInfo(fileName);
// add menu item for each file
ToolStripMenuItem tsmiNewImageFile = new ToolStripMenuItem(" " + fi.Name);
tsmiNewImageFile.Click += new EventHandler(tsmiNewImageFile_Click);
cmsBrowse.Items.Add(tsmiNewImageFile);
}
// add label and separator to Browse context menu
ToolStripLabel tslCurDir = new ToolStripLabel("Current Directory:");
cmsBrowse.Items.Insert(0, tslCurDir);
cmsBrowse.Items.Insert(1, new ToolStripSeparator());
}</code></pre>
<p><strong>Visual Basic</strong></p>
<pre class="prettyprint"><code class="lang-vb">Private Sub bsbBrowse_BeforeMenuShown(sender As Object, e As EventArgs)
' clear any previous items
Me.cmsBrowse.Items.Clear()
' get all files in current directory
Dim filesInCurDir As String() = Directory.GetFiles(Environment.CurrentDirectory)
For Each fileName As String In filesInCurDir
' get some info
Dim fi As New FileInfo(fileName)
' add menu item for each file
Dim tsmiNewImageFile As New ToolStripMenuItem(" " + fi.Name)
tsmiNewImageFile.Click += New EventHandler(tsmiNewImageFile_Click)
cmsBrowse.Items.Add(tsmiNewImageFile)
Next
' add label and separator to Browse context menu
Dim tslCurDir As New ToolStripLabel("Current Directory:")
cmsBrowse.Items.Insert(0, tslCurDir)
cmsBrowse.Items.Insert(1, New ToolStripSeparator())
End Sub</code></pre>
<br><div class="banner">
<a href="../../../blog/page/6/index.html"><img src="../resources/overview.gif" alt="Better ListView" class="ss"></a>
<div class="inside">
<div class="text">Better ListView: Ultimate .NET ListView replacement control for WinForms (C#, VB.NET)</div>
<span class="dbtn-c dbtn-hilight"><span class="dbtn-w"><a href="../../../betterlistview.exe" class="dbtn">Download</a></span></span>
<span class="dbtn-c"><span class="dbtn-w"><a href="../../../blog/page/6/index.html" class="dbtn">More Info</a></span></span>
</div>
</div>
<table class="navigation"><tr>
<td class="navigation-previous"><a href="../../../better-splitbutton/quick-start-guide.html"><strong>
« Quick Start</strong></a></td>
<td class="navigation-index"><a href="../../../better-splitbutton/documentation.html"><strong>Index</strong></a></td>
<td class="navigation-next"><a href="chapter-known-issues.html"><strong>Known Issues »
</strong></a></td>
</tr></table>
<br><table class="footer"><tr>
<td class="footer-title">Better SplitButton Documentation
</td>
<td class="footer-copyright">
Copyright © <a href="../../../index.html" target="_blank">ComponentOwl.com</a>
</td>
</tr></table>
</div></body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

View File

@@ -0,0 +1,61 @@
// Copyright (C) 2009 Google Inc.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/**
* @fileoverview
* Registers a language handler for various flavors of basic.
*
*
* To use, include prettify.js and this file in your HTML page.
* Then put your code in an HTML tag like
* <pre class="prettyprint lang-vb"></pre>
*
*
* http://msdn.microsoft.com/en-us/library/aa711638(VS.71).aspx defines the
* visual basic grammar lexical grammar.
*
* @author mikesamuel@gmail.com
*/
PR['registerLangHandler'](
PR['createSimpleLexer'](
[
// Whitespace
[PR['PR_PLAIN'], /^[\t\n\r \xA0\u2028\u2029]+/, null, '\t\n\r \xA0\u2028\u2029'],
// A double quoted string with quotes escaped by doubling them.
// A single character can be suffixed with C.
[PR['PR_STRING'], /^(?:[\"\u201C\u201D](?:[^\"\u201C\u201D]|[\"\u201C\u201D]{2})(?:[\"\u201C\u201D]c|$)|[\"\u201C\u201D](?:[^\"\u201C\u201D]|[\"\u201C\u201D]{2})*(?:[\"\u201C\u201D]|$))/i, null,
'"\u201C\u201D'],
// A comment starts with a single quote and runs until the end of the
// line.
[PR['PR_COMMENT'], /^[\'\u2018\u2019][^\r\n\u2028\u2029]*/, null, '\'\u2018\u2019']
],
[
[PR['PR_KEYWORD'], /^(?:AddHandler|AddressOf|Alias|And|AndAlso|Ansi|As|Assembly|Auto|Boolean|ByRef|Byte|ByVal|Call|Case|Catch|CBool|CByte|CChar|CDate|CDbl|CDec|Char|CInt|Class|CLng|CObj|Const|CShort|CSng|CStr|CType|Date|Decimal|Declare|Default|Delegate|Dim|DirectCast|Do|Double|Each|Else|ElseIf|End|EndIf|Enum|Erase|Error|Event|Exit|Finally|For|Friend|Function|Get|GetType|GoSub|GoTo|Handles|If|Implements|Imports|In|Inherits|Integer|Interface|Is|Let|Lib|Like|Long|Loop|Me|Mod|Module|MustInherit|MustOverride|MyBase|MyClass|Namespace|New|Next|Not|NotInheritable|NotOverridable|Object|On|Option|Optional|Or|OrElse|Overloads|Overridable|Overrides|ParamArray|Preserve|Private|Property|Protected|Public|RaiseEvent|ReadOnly|ReDim|RemoveHandler|Resume|Return|Select|Set|Shadows|Shared|Short|Single|Static|Step|Stop|String|Structure|Sub|SyncLock|Then|Throw|To|Try|TypeOf|Unicode|Until|Variant|Wend|When|While|With|WithEvents|WriteOnly|Xor|EndIf|GoSub|Let|Variant|Wend)\b/i, null],
// A second comment form
[PR['PR_COMMENT'], /^REM[^\r\n\u2028\u2029]*/i],
// A boolean, numeric, or date literal.
[PR['PR_LITERAL'],
/^(?:True\b|False\b|Nothing\b|\d+(?:E[+\-]?\d+[FRD]?|[FRDSIL])?|(?:&H[0-9A-F]+|&O[0-7]+)[SIL]?|\d*\.\d+(?:E[+\-]?\d+)?[FRD]?|#\s+(?:\d+[\-\/]\d+[\-\/]\d+(?:\s+\d+:\d+(?::\d+)?(\s*(?:AM|PM))?)?|\d+:\d+(?::\d+)?(\s*(?:AM|PM))?)\s+#)/i],
// An identifier?
[PR['PR_PLAIN'], /^(?:(?:[a-z]|_\w)\w*|\[(?:[a-z]|_\w)\w*\])/i],
// A run of punctuation
[PR['PR_PUNCTUATION'],
/^[^\w\t\n\r \"\'\[\]\xA0\u2018\u2019\u201C\u201D\u2028\u2029]+/],
// Square brackets
[PR['PR_PUNCTUATION'], /^(?:\[|\])/]
]),
['vb', 'vbs']);

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

View File

@@ -0,0 +1,52 @@
/* Pretty printing styles. Used with prettify.js. */
/* SPAN elements with the classes below are added by prettyprint. */
.pln { color: #000 } /* plain text */
@media screen {
.str { color: #080 } /* string content */
.kwd { color: #008 } /* a keyword */
.com { color: #800 } /* a comment */
.typ { color: #606 } /* a type name */
.lit { color: #066 } /* a literal value */
/* punctuation, lisp open bracket, lisp close bracket */
.pun, .opn, .clo { color: #660 }
.tag { color: #008 } /* a markup tag name */
.atn { color: #606 } /* a markup attribute name */
.atv { color: #080 } /* a markup attribute value */
.dec, .var { color: #606 } /* a declaration; a variable name */
.fun { color: red } /* a function name */
}
/* Use higher contrast and text-weight for printable form. */
@media print, projection {
.str { color: #060 }
.kwd { color: #006; font-weight: bold }
.com { color: #600; font-style: italic }
.typ { color: #404; font-weight: bold }
.lit { color: #044 }
.pun, .opn, .clo { color: #440 }
.tag { color: #006; font-weight: bold }
.atn { color: #404 }
.atv { color: #060 }
}
/* Put a border around prettyprinted code snippets. */
pre.prettyprint { padding: 2px; border: 1px solid #888 }
/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }

File diff suppressed because it is too large Load Diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

View File

@@ -0,0 +1,218 @@
h1
{
text-align: center;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: xx-large;
padding-bottom: 1em;
padding-top: 1em;
}
h2
{
text-align: center;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: large;
padding-bottom: 1em;
padding-top: 1em;
}
h3
{
text-align: left;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: medium;
padding-bottom: 1em;
padding-top: 1em;
}
p
{
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
p.toc-entry
{
font-weight:bold;
text-align: center;
}
p.table-name
{
font-weight: bold;
text-align: center;
}
p.images
{
text-align: center;
}
p.note
{
text-align: center;
}
table
{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.toc-description
{
color: #444444;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: small;
font-style: italic;
}
.code
{
color: #006600;
font-family: "Courier New", Courier, monospace;
font-size: medium;
}
a
{
border-bottom: 1px dotted #0000ff;
color: blue;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
text-decoration: none;
text-align: right;
}
ul
{
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
pre
{
background-color: #fafafa;
border: 1px dotted #c0c0c0;
color: black;
font-family: "Courier New", Courier, monospace;
line-height: 1.1em;
margin-left: 2em;
margin-right: 2em;
padding: 0.25em;
text-align: left;
text-indent: 0;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
img
{
border: 1px solid #c0c0c0;
padding: 4px;
margin: 4px;
vertical-align: middle;
}
img.small
{
vertical-align: middle;
}
table.navigation
{
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: medium;
font-style: italic;
width: 100%;
}
table.footer
{
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: small;
font-style: italic;
padding-top: 2em;
width: 100%;
}
table.comparison
{
border-collapse: separate;
border-spacing: 1px;
border-style: solid;
border-width: 0px;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: small;
text-align: center;
width: 100%;
}
td.navigation-previous
{
width: 30%;
}
td.navigation-index
{
text-align: center;
width: 40%;
}
td.navigation-next
{
text-align: right;
width: 30%;
}
td.footer-title
{
width: 50%;
}
td.footer-copyright
{
text-align: right;
width: 50%;
}
td.comparison-line-even
{
background-color: #F0F0F0;
text-align: left;
}
td.comparison-line-odd
{
text-align: left;
}
td.comparison-yes
{
background-color: #CCFFCC;
color: #008000;
text-align: center;
width: 20%;
}
td.comparison-no
{
background-color: #FFCCCC;
color: #800000;
text-align: center;
width: 20%;
}
td.comparison-other
{
width: 20%;
}
hr
{
background-color: gray;
border-width: 0;
color: gray;
height: 2px;
width: 60%;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB