<!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" xml:lang="en-us" lang="en-us"><head><title>QtCodingStyle < Main < TWiki</title>
<style type="text/css" media="all">
.twistyHidden { display:none; }
.twistyVisible {} /* reserved */
.twistyMakeVisible { display:none; } /* initial state, and is set to visible with javascript */
.twistyMakeHidden {} /* reserved */
.twistyTransparent { visibility:hidden; }
.twistyOpaque {} /* reserved */
.twistyMakeOpaque { visibility:hidden; } /* initial state, and is set to visible with javascript */
.twistyMakeTransparent {} /* reserved */
.twistyPlaceholder { /* color to be implemented by skin */ }
.twistyRememberSetting { /* behavior class */ }
</style>
<style type="text/css" media="all">
/*
Basic layout derived from http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php.
I've changed many so things that I won't put a full copyright notice. However all hacks (and comments!) are far beyond my knowledge and this deserves full credits:
Original copyright notice:
Parts of these notes are
(c) Big John @ www.positioniseverything.net and (c) Paul O'Brien @ www.pmob.co.uk, all of whom contributed significantly to the design of
the css and html code.
Reworked for TWiki: (c) Arthur Clemens @ visiblearea.com
*/
html, body {
margin:0; /*** Do NOT set anything other than a left margin for the page
as this will break the design ***/
padding:0;
border:0;
/* \*/
height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body {
background:#fff;
min-width:100%; /*** This is needed for moz. Otherwise, the header and patternBottomBar will
slide off the left side of the page if the screen width is narrower than the design.
Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
text-align:center; /*** IE/Win (not IE/MAC) alignment of page ***/
}
.clear {
clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
height:0px;
overflow:hidden;
line-height:1%;
font-size:0px;
}
#patternWrapper {
height:100%; /*** moz uses this to make full height design. As this #patternWrapper is inside the #patternPage which is 100% height, moz will not inherit heights further into the design inside this container, which you should be able to do with use of the min-height style. Instead, Mozilla ignores the height:100% or min-height:100% from this point inwards to the center of the design - a nasty bug.
If you change this to height:100% moz won't expand the design if content grows.
Aaaghhh. I pulled my hair out over this for days. ***/
/* \*/
height:100%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Fixes height for non moz browsers, to full height ***/
}
#patternWrapp\65 r{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
height:auto; /*** For moz to stop it fixing height to 100% ***/
}
/* \*/
* html #patternWrapper{
height:100%;
}
#patternPage {
margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
text-align:left; /*** IE Win re-alignment of page if page is centered ***/
position:relative;
width:100%; /*** Needed for Moz/Opera to keep page from sliding to left side of
page when it calculates auto margins above. Can't use min-width. Note that putting
width in #patternPage shows it to IE and causes problems, so IE needs a hack
to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
/* \*/
/* Last height declaration hidden from Mac IE 5.x */
/*** Needed for Moz to give full height design if page content is
too small to fill the page ***/
}
/* Last style with height declaration hidden from Mac IE 5.x */
/*** Fixes height for IE, back to full height,
from esc tab hack moz min-height solution ***/
#patternOuter {
z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
height:100%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Needed for full height inner borders in Win IE ***/
}
#patternFloatWrap {
width:100%;
float:left;
display:inline;
}
#patternLeftBar {
/* Left bar width is defined in viewleftbar.pattern.tmpl */
float:left;
display:inline;
overflow:hidden;
}
#patternLeftBarContents {
left:-1px;
position:relative;
/* for margins and paddings use style.css */
}
#patternMain {
width:100%;
float:right;
display:inline;
}
#patternTopBar {
/* Top bar height is defined in viewtopbar.pattern.tmpl */
z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
position:absolute;
top:0px;
width:100%;
}
#patternTopBarContents {
height:1%; /* or Win IE won't display a background */
/* for margins/paddings use style.css */
}
#patternBottomBar {
z-index:1; /* Critical value for Moz/Opera Background Column colors fudge to work */
clear:both;
width:100%;
}
/* Pages that are not view */
.patternNoViewPage #patternOuter {
/* no left bar, margin at both sides */
margin-left:4%;
margin-right:4%;
}
/* edit.pattern.tmpl */
.patternEditPage #patternOuter,
.patternPreviewPage #patternOuter {
margin-left:0;
margin-right:0;
}
.twikiLeft {
float:left;
position:relative;
}
.twikiRight {
position:relative;
float:right;
display:inline;
margin:0;
}
.twikiClear {
/* to clean up floats */
margin:0;
padding:0;
height:0;
line-height:0px;
clear:both;
display:block;
}
.twikiHidden {
display:none;
}
.twikiLast,
.patternTopic .twikiLast {
border-bottom:0px;
}
/* -----------------------------------------------------------
STYLE
Appearance: margins, padding, fonts, borders
----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------
CONSTANTS
Sizes
----------------------------------------
S1 line-height 1.4em
S2 somewhat smaller font size 94%
S3 small font size, twikiSmall font-size:86%; line-height:110%;
S4 horizontal bar padding (h2, patternTop) 5px
S5 form and attachment padding 20px
S6 left margin left bar 1em
--------------------------------------------------------------------------------------- */
/* GENERAL HTML ELEMENTS */
html body {
font-size:104%; /* to change the site's font size, change #patternPage below */
voice-family:"\"}\"";
voice-family:inherit;
font-size:small;
}
html>body { /* Mozilla */
font-size:small;
}
p {
margin:1em 0 0 0;
}
table {
border-collapse:separate;
}
th {
line-height:1.15em;
}
strong, b {
font-weight:bold;
}
hr {
height:1px;
border:none;
}
/* put overflow pre in a scroll area */
pre {
width:100%;
margin:1em 0; /* Win IE tries to make this bigger otherwise */
}
html>body pre { /* hide from IE */
/*\*/ overflow:auto !important; /* */ overflow:scroll; width:auto; /* for Mac Safari */
}
/* IE behavior for pre is defined in twiki.pattern.tmpl in conditional comment */
ol, ul {
margin-top:0;
}
ol li, ul li {
line-height:1.4em; /*S1*/
}
/* Text */
h1, h2, h3, h4, h5, h6 {
line-height:104%;
padding:0;
margin:1em 0 .1em 0;
font-weight:normal;
}
h1 {
margin:0 0 .5em 0;
}
h1 { font-size:210%; }
h2 { font-size:160%; }
h3 { font-size:135%; }
h4 { font-size:122%; }
h5 { font-size:110%; }
h6 { font-size:95%; }
h2, h3, h4, h5, h6 {
display:block;
/* give header a background color for easy scanning:*/
padding:.1em 5px;
margin:1em -5px .35em -5px;
border-width:0 0 1px 0;
border-style:solid;
height:auto;
}
h1.patternTemplateTitle {
font-size:175%;
text-align:center;
}
h2.patternTemplateTitle {
text-align:center;
}
/* Links */
/* somehow the twikiNewLink style have to be before the general link styles */
.twikiNewLink {
border-width:0 0 1px 0;
border-style:solid;
}
.twikiNewLink a {
text-decoration:none;
margin-left:1px;
}
.twikiNewLink a sup {
text-align:center;
padding:0 2px;
vertical-align:baseline;
font-size:100%;
text-decoration:none;
}
.twikiNewLink a:link sup,
.twikiNewLink a:visited sup {
border-width:1px;
border-style:solid;
text-decoration:none;
}
.twikiNewLink a:hover sup {
text-decoration:none;
}
:link:focus,
:visited:focus,
:link,
:visited,
:link:active,
:visited:active {
text-decoration:underline;
}
:link:hover,
:visited:hover {
text-decoration:none;
}
img {
vertical-align:text-bottom;
border:0;
}
/* Form elements */
form {
display:inline;
margin:0;
padding:0;
}
textarea,
input,
select {
vertical-align:middle;
border-width:1px;
border-style:solid;
}
textarea {
padding:1px;
}
input,
select option {
padding:1px;
}
.twikiSubmit,
.twikiButton,
.twikiCheckbox {
border-width:1px;
border-style:solid;
padding:.15em .25em;
font-size:94%;
font-weight:bold;
vertical-align:middle;
}
.twikiCheckbox,
.twikiRadioButton {
margin:0 .3em 0 0;
border:0;
}
.twikiInputField {
border-width:1px;
border-style:solid;
padding:.15em .25em;
font-size:94%; /*S2*/
}
.patternFormButton {
border:0;
margin:0 0 0 2px;
}
textarea {
font-size:100%;
}
/* LAYOUT ELEMENTS */
/* for specific layout sub-elements see further down */
#patternPage {
font-family:arial, "Lucida Grande", verdana, sans-serif;
line-height:1.4em; /*S1*/
/* change font size here */
font-size:105%;
}
#patternTopBar {
border-width:0 0 1px 0;
border-style:solid;
overflow:hidden;
}
#patternTopBarContents {
padding:0 1.5em 0 1em;
}
#patternBottomBar {
border-width:1px 0 0 0;
border-style:solid;
}
#patternBottomBarContents {
padding:1em;
font-size:86%; line-height:110%; /*S3*/
text-align:center;
}
#patternMainContents {
padding:0 1.5em 3em 3em;
}
#patternLeftBarContents {
margin:0 1em 1em 1em;
}
/* -----------------------------------------------------------
Plugin elements
----------------------------------------------------------- */
/* TagMePlugin */
.tagMePlugin select {
font-size:.86em; /* use em instead of % for consistent size */
margin:0 .25em 0 0;
}
.tagMePlugin input {
border:0px;
}
/* EditTablePlugin */
.editTable .twikiTable {
margin:0 0 2px 0;
}
.editTableInput,
.editTableTextarea {
font-family:monospace;
}
.editTableEditImageButton {
border:none;
}
/* TablePlugin */
.twikiTable {
}
.twikiTable td,
.twikiTable th {
}
.twikiTable th {
padding:4px;
}
.twikiTable td {
padding:2px 4px;
}
.twikiTable th a:link,
.twikiTable th a:visited,
.twikiTable th a font {
text-decoration:none;
}
.twikiTable th a:hover,
.twikiTable th a:hover font {
text-decoration:none;
border-width:0 0 1px 0;
border-style:solid;
}
/* TablePlugin - sorting of table columns */
th.twikiSortedAscendingCol a:link,
th.twikiSortedAscendingCol a:link font,
th.twikiSortedAscendingCol a:visited,
th.twikiSortedAscendingCol a:visited font {
border-width:1px 0 0 0;
border-style:solid;
}
th.twikiSortedDescendingCol a:link,
th.twikiSortedDescendingCol a:link font,
th.twikiSortedDescendingCol a:visited,
th.twikiSortedDescendingCol a:visited font {
border-width:0 0 1px 0;
border-style:solid;
}
th.twikiSortedAscendingCol a:hover,
th.twikiSortedAscendingCol a:hover font {
border-width:0 0 1px 0;
border-style:solid;
text-decoration:none;
}
th.twikiSortedDescendingCol a:hover,
th.twikiSortedDescendingCol a:hover font {
border-width:1px 0 0 0;
border-style:solid;
text-decoration:none;
}
.twikiEditForm {
margin:0 0 .5em 0;
}
.twikiEditForm .twikiFormTable {
text-align:center;
}
/* TipsContrib */
.tipsOfTheDayContents .tipsOfTheDayTitle {
font-weight:bold;
}
.patternTopic .tipsOfTheDayHeader {
display:block;
padding:3px 5px;
}
.patternTopic .tipsOfTheDayText {
padding:0 5px 5px 5px;
}
.patternTopic .tipsOfTheDayText a:link,
.patternTopic .tipsOfTheDayText a:visited {
text-decoration:none;
}
/* TipsContrib - in left bar */
#patternLeftBar .tipsOfTheDayHeader img {
/* hide lamp icon */
display:none;
}
#patternLeftBar .tipsOfTheDayContents {
padding:.25em .25em .5em .25em;
height:1%; /* or Win IE won't display a background */
overflow:hidden;
}
#patternLeftBar .tipsOfTheDayHeader {
display:block;
font-weight:normal;
}
/* TwistyContrib */
a:link.twistyTrigger,
a:visited.twistyTrigger {
text-decoration:none;
}
a:link .twistyLinkLabel,
a:visited .twistyLinkLabel {
text-decoration:underline;
}
/* -----------------------------------------------------------
TWiki styles
----------------------------------------------------------- */
#twikiLogin {
width:40em;
margin:0 auto;
text-align:center;
}
#twikiLogin .twikiFormSteps {
border-width:5px;
}
.twikiAttachments,
.twikiForm {
margin:1em 0;
padding:1px; /* fixes disappearing borders because of overflow:auto; in twikiForm */
}
.twikiForm h1,
.twikiForm h2,
.twikiForm h3,
.twikiForm h4,
.twikiForm h5,
.twikiForm h6 {
margin-top:0;
}
.patternContent .twikiAttachments,
.patternContent .twikiForm {
/* form or attachment table inside topic area */
font-size:94%; /*S2*/
padding:.5em 20px; /*S5*/ /* top:use less padding for the toggle link; bottom:use less space in case the table is folded in */
border-width:1px 0 0 0;
border-style:solid;
margin:0;
}
.twikiAttachments table,
table.twikiFormTable {
margin:5px 0;
border-collapse:collapse;
padding:0px;
border-spacing:0px;
empty-cells:show;
border-style:solid;
border-width:1px;
}
.twikiAttachments table {
line-height:1.4em; /*S1*/
width:auto;
voice-family:"\"}\""; /* hide the following for Explorer 5.x */
voice-family:inherit;
width:100%;
}
.twikiAttachments td,
.twikiAttachments th {
border-style:solid;
border-width:1px;
}
.twikiAttachments th,
table.twikiFormTable th.twikiFormTableHRow {
padding:3px 6px;
height:2.5em;
vertical-align:middle;
}
table.twikiFormTable th.twikiFormTableHRow {
text-align:center;
}
.twikiEditForm .twikiFormTable th,
.twikiEditForm .twikiFormTable td {
padding:.25em .5em;
vertical-align:middle;
border-width:0 0 1px 0;
border-style:solid;
}
.twikiAttachments th a:link,
.twikiAttachments th a:visited {
text-decoration:none;
}
/* don't show any of those ugly sort icons */
.twikiAttachments th img,
.twikiAttachments th a:link img,
.twikiAttachments th a:visited img {
display:none;
}
.twikiAttachments td,
table.twikiFormTable td {
padding:3px 6px;
height:1.4em; /*S1*/
text-align:left;
vertical-align:top;
}
.twikiAttachments td {
/* don't show column lines in attachment listing */
border-width:0 0 1px 0;
}
.twikiAttachments th.twikiFirstCol,
.twikiAttachments td.twikiFirstCol {
/* make more width for the icon column */
width:26px;
text-align:center;
}
.twikiAttachments caption {
display:none;
}
table.twikiFormTable th.twikiFormTableHRow a:link,
table.twikiFormTable th.twikiFormTableHRow a:visited {
text-decoration:none;
}
.twikiFormSteps {
text-align:left;
padding:.25em 0 0 0;
border-width:1px 0;
border-style:solid;
}
.twikiFormStep {
line-height:140%;
padding:1em 20px; /*S5*/
border-width:0 0 1px 0;
border-style:solid;
}
.twikiFormStep h3,
.twikiFormStep h4 {
font-size:115%;
border:none;
margin:0;
padding:0;
}
.twikiFormStep h3 {
font-weight:bold;
}
.twikiFormStep h4 {
font-weight:normal;
}
.twikiFormStep p {
margin:.3em 0;
}
.twikiToc {
margin:1em 0;
padding:.3em 0 .6em 0;
}
.twikiToc ul {
list-style:none;
padding:0 0 0 .5em;
margin:0;
}
.twikiToc li {
margin-left:1em;
padding-left:1em;
background-repeat:no-repeat;
background-position:0 .5em;
}
.twikiToc .twikiTocTitle {
margin:0;
padding:0;
font-weight:bold;
}
.twikiSmall {
font-size:86%; line-height:110%; /*S3*/
}
.twikiSmallish {
font-size:94%; /*S2*/
}
.twikiNew { }
.twikiSummary {
font-size:86%; line-height:110%; /*S3*/
}
.twikiEmulatedLink {
text-decoration:underline;
}
.twikiPageForm table {
border-width:1px;
border-style:solid;
}
.twikiPageForm table {
width:100%;
margin:0 0 2em 0;
}
.twikiPageForm th,
.twikiPageForm td {
border:0;
padding:.15em 1em;
}
.twikiPageForm td {}
.twikiPageForm td.first {
padding-top:1em;
}
.twikiBroadcastMessage {
padding:.25em .5em;
margin:0 0 1em 0;
}
.twikiHelp {
padding:1em;
margin:0 0 1em 0;
border-width:1px 0;
border-style:solid;
}
.twikiHelp ul,
.twikiHelp li {
margin:0;
}
.twikiHelp ul {
padding-left:2em;
}
.twikiAccessKey {
text-decoration:none;
border-width:0 0 1px 0;
border-style:solid;
}
a:hover .twikiAccessKey {
text-decoration:none;
border:none;
}
.twikiWebIndent {
margin:0 0 0 1em;
}
a.twikiLinkInHeaderRight {
float:right;
display:block;
margin:0 0 0 5px;
}
.twikiLinkLabel {}
/* -----------------------------------------------------------
Pattern skin specific elements
----------------------------------------------------------- */
.patternTopic {
margin:1em 0 2em 0;
}
#patternLeftBarContents {
font-size:94%; /*S2*/
padding:0 0 .5em 0;
}
#patternLeftBarContents a img {
margin:1px 0 0 0;
}
#patternLeftBarContents a:link,
#patternLeftBarContents a:visited {
text-decoration:none;
}
#patternLeftBarContents ul {
padding:0;
margin:.5em 0 1em 0;
list-style:none;
}
#patternLeftBarContents li {
width:100%;
margin:0 1.1em 0 0;
overflow:hidden;
}
#patternLeftBarContents h2 {
border:none;
background-color:transparent;
}
#patternLeftBarContents .patternWebIndicator {
margin:0 -1em; /*S6*/
padding:.55em 1em; /*S6*/
line-height:1.4em;
text-align:center;
}
#patternLeftBarContents .patternWebIndicator a:link,
#patternLeftBarContents .patternWebIndicator a:visited {
text-decoration:none;
}
#patternLeftBarContents .patternLeftBarPersonal {
margin:0 -1em; /*S6*/
padding:.55em 1em; /*S6*/
width:100%;
border-width:0 0 1px 0;
border-style:solid;
}
#patternLeftBarContents .patternLeftBarPersonal ul {
margin:0;
padding:0;
}
#patternLeftBarContents .patternLeftBarPersonal li {
padding-left:1em;
background-repeat:no-repeat;
}
#patternLeftBarContents .patternLeftBarPersonal a:hover {
text-decoration:none;
}
.patternTop {
font-size:94%; /*S2*/
}
/* Button tool bar */
.patternToolBar {
margin:.4em 0 0 0;
padding:0 .5em 0 0;
height:1%; /* for Win IE */
}
.patternToolBarButtons {
float:right;
}
.patternToolBarButtons .twikiSeparator {
display:none;
}
.patternToolBar .patternButton {
float:left;
}
.patternToolBar .patternButton s,
.patternToolBar .patternButton strike,
.patternToolBar .patternButton a:link,
.patternToolBar .patternButton a:visited {
display:block;
margin:0 0 -1px 4px;
border-width:1px;
border-style:solid;
/* relative + z-index removed due to buggy Win/IE redrawing problems */
/*
position:relative;
z-index:0;
*/
padding:.15em .45em;
}
.patternToolBar .patternButton a:link,
.patternToolBar .patternButton a:visited {
text-decoration:none;
}
.patternToolBar .patternButton s,
.patternToolBar .patternButton strike {
text-decoration:none;
}
.patternToolBar .patternButton a:hover {
text-decoration:none;
/*z-index:3;*/
}
.patternToolBarBottom {
position:relative;
border-width:1px 0 0 0;
border-style:solid;
z-index:2;
clear:both;
}
.patternMetaMenu input,
.patternMetaMenu select,
.patternMetaMenu select option {
font-size:.86em; /* use em instead of % for consistent size */
margin:0;
width:8em;
}
.patternMetaMenu select option {
padding:1px 0 0 0;
}
.patternMetaMenu ul {
padding:0;
margin:0;
list-style:none;
}
.patternMetaMenu ul li {
padding:0 .1em 0 .1em;
display:inline;
}
/* breadcrumb */
.patternHomePath {
font-size:94%; /*S2*/
margin:.3em 0;
}
.patternHomePath a:link,
.patternHomePath a:visited {
text-decoration:none;
}
.patternRevInfo {
margin:0 0 0 .15em;
font-size:94%;
}
.patternTopicActions {
border-width:0 0 1px 0;
border-style:solid;
}
.patternTopicAction {
line-height:1.5em;
padding:.4em 20px; /*S5*/
border-width:1px 0 0 0;
border-style:solid;
}
.patternViewPage .patternTopicAction {
font-size:94%; /*S2*/
}
.patternActionButtons a:link,
.patternActionButtons a:visited {
padding:1px 1px 2px 1px;
}
.patternTopicAction .patternActionButtons a:link,
.patternTopicAction .patternActionButtons a:visited {
text-decoration:none;
}
.patternTopicAction .patternSaveOptions {
margin-bottom:.5em;
}
.patternTopicAction .patternSaveOptions .patternSaveOptionsContents {
padding:.2em 0;
}
.patternMoved {
font-size:94%; /*S2*/
margin:1em 0;
}
.patternMoved i,
.patternMoved em {
font-style:normal;
}
/* WebSearch, WebSearchAdvanced */
table#twikiSearchTable {
background:none;
border-bottom:0;
}
table#twikiSearchTable th,
table#twikiSearchTable td {
padding:.5em;
border-width:0 0 1px 0;
border-style:solid;
}
table#twikiSearchTable th {
width:20%;
text-align:right;
}
table#twikiSearchTable td {
width:80%;
}
table#twikiSearchTable td.first {
padding:1em;
}
/* -----------------------------------------------------------
Search results
styles and overridden styles used in search.pattern.tmpl
----------------------------------------------------------- */
.patternSearchResults {
/* no longer used in search.pattern.tmpl, but remains in rename templates */
margin:0 0 1em 0;
}
.patternSearchResults blockquote {
margin:1em 0 1em 5em;
}
h3.patternSearchResultsHeader,
h4.patternSearchResultsHeader {
display:block;
border-width:0 0 1px 0;
border-style:solid;
height:1%; /* or WIN/IE wont draw the backgound */
font-weight:bold;
}
.patternSearchResults h3 {
font-size:115%; /* same as twikiFormStep */
margin:0;
padding:.5em 20px;
font-weight:bold;
}
h4.patternSearchResultsHeader {
font-size:100%;
padding-top:.3em;
padding-bottom:.3em;
font-weight:normal;
}
.patternSearchResult .twikiTopRow {
padding-top:.2em;
}
.patternSearchResult .twikiBottomRow {
padding-bottom:.25em;
border-width:0 0 1px 0;
border-style:solid;
}
.patternSearchResult .twikiAlert {
font-weight:bold;
}
.patternSearchResult .twikiSummary .twikiAlert {
font-weight:normal;
}
.patternSearchResult .twikiNew {
border-width:1px;
border-style:solid;
font-size:85%; /*S3*/
padding:0 1px;
font-weight:bold;
}
.patternSearchResults .twikiHelp {
display:block;
width:auto;
padding:.1em 5px;
margin:1em -5px .35em -5px;
}
.patternSearchResult .twikiSRAuthor {
width:15%;
text-align:left;
}
.patternSearchResult .twikiSRRev {
width:30%;
text-align:left;
}
.patternSearchResultCount {
margin:1em 0 3em 0;
}
.patternSearched {
}
.patternSaveHelp {
line-height:1.5em;
padding:.5em 20px; /*S5*/
}
/* Search results in book view format */
.patternBookView {
border-width:0 0 2px 2px;
border-style:solid;
/* border color in cssdynamic.pattern.tmpl */
margin:.5em 0 1.5em -5px;
padding:0 0 0 5px;
}
.patternBookView .twikiTopRow {
padding:.25em 5px .15em 5px; /*S4*/
margin:1em -5px .15em -5px; /*S4*/
}
.patternBookView .twikiBottomRow {
font-size:100%;
padding:1em 0 1em 0;
width:auto;
border:none;
}
/* pages that are not view */
.patternNoViewPage #patternMainContents {
padding-top:1.5em;
}
/* oopsmore.pattern.tmpl */
table.patternDiffOptions {
margin:.5em 0;
border:none;
}
table.patternDiffOptions td {
border:none;
text-align:center;
}
table.patternDiffOptions img {
padding:0 10px;
border-width:1px;
border-style:solid;
}
table.patternDiffOptions input {
border:0;
}
/* edit.pattern.tmpl */
.patternEditPage .twikiForm h1,
.patternEditPage .twikiForm h2,
.patternEditPage .twikiForm h3 {
/* same as twikiFormStep */
font-size:120%;
font-weight:bold;
}
.twikiEditboxStyleMono {
font-family:"Courier New", courier, monaco, monospace;
}
.twikiEditboxStyleProportional {
font-family:"Lucida Grande", verdana, arial, sans-serif;
}
.twikiChangeFormButtonHolder {
margin:.5em 0;
float:right;
}
.twikiChangeFormButton .twikiButton,
.twikiChangeFormButtonHolder .twikiButton {
padding:0;
margin:0;
border:none;
text-decoration:underline;
font-weight:normal;
}
.patternFormHolder { /* constrains the textarea */
width:100%;
}
.patternSigLine {
margin:.25em 0 .5em 0;
padding:0 .5em 0 0;
}
.patternEditPage .patternTopicActions {
margin:1.5em 0 0 0;
}
/* preview.pattern.tmpl */
.patternPreviewArea {
border-width:1px;
border-style:solid;
margin:0 -0.5em 2em -0.5em;
padding:.5em;
}
/* attach.pattern.tmpl */
.patternAttachPage .twikiAttachments table {
width:auto;
}
.patternAttachPage .patternTopicAction {
margin-top:-1px;
}
.patternAttachPage .twikiAttachments {
margin-top:0;
}
.patternAttachForm {
margin:0 0 3.5em 0;
}
.patternMoveAttachment {
margin:.5em 0 0 0;
text-align:right;
}
/* rdiff.pattern.tmpl */
.patternDiff {
/* same as patternBookView */
border-width:0 0 2px 2px;
border-style:solid;
margin:.5em 0 1.5em -5px;
padding:0 0 0 5px;
}
.patternDiffPage .patternRevInfo ul {
padding:0;
margin:2em 0 0 0;
list-style:none;
}
.patternDiffPage .twikiDiffTable {
margin:2em 0;
}
.patternDiffPage .twikiDiffTable th,
.patternDiffPage .twikiDiffTable td {
padding:0 .2em 0 .3em;
}
tr.twikiDiffDebug td {
border-width:1px;
border-style:solid;
}
.patternDiffPage td.twikiDiffDebugLeft {
border-bottom:none;
}
.twikiDiffLineNumberHeader {
padding:.3em 0;
}
/* -----------------------------------------------------------
COLOR
Appearance: text colors, background colors, border colors
----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------
CONSTANTS
Text colors
----------------------------------------
T1 text color #000
T2 link color #06c
T3 link hover text color #FBF7E8
T4 link action button color (red) (same as BG2) #D6000F
T5 header color #a00
T6 code text, left bar text #7A4707
T7 muted (dark gray) text #666
T8 grayed out text #8E9195
T9 alert #f00
T10 green 'new' #049804
T11 dark gray #333
Background colors
----------------------------------------
BG1 white; attachment, form table background #fff
BG2 link hover background color (red) #D6000F
BG3 light gray #efefef
BG4 active form field (not implemented yet) #ffc
BG5 info background very light blue (placeholder for background image) #ECF4FB
BG6 patternTopicAction light yellow (same as T3) #FBF7E8
BG7 header background (very light yellow) #FDFAF1
BG8 accent on sorted table column #ccc
BG9 light yellow; attachment, form background #FEFBF3
BG10 light green 'new' #ECFADC
BG11 dark gray; diff header background (same as T8) #8E9195
BG12 dark yellow, submit button #FED764
BG13 light blue: form steps #F6FAFD
BG14 lighter blue: left bar #F9FCFE
Border colors
----------------------------------------
BO1 light gray #efefef
BO2 submit button border blue ('active') #88B6CF
BO3 info light blue border #D5E6F3
BO4 border color beige, header h2 bottom border #E2DCC8
BO5 header h3..h6 bottom border (75% of BO4) #E9E4D2
BO6 darker gray #aaa
BO7 neutral gray border #ccc
BO8 light neutral gray #ddd
BO9 alert border #f00
BO10 dark gray (same as BG11) #8E9195
--------------------------------------------------------------------------------------- */
/* LAYOUT ELEMENTS */
#patternTopBar {
background-color:#fff; /*BG1*/
border-color:#ccc;
}
#patternMain { /* don't set a background here; use patternOuter */ }
#patternOuter {
background-color:#fff; /*BG1*/ /*** Sets background of center col***/
border-color:#ccc;
}
#patternLeftBar, #patternLeftBarContents { /* don't set a background here; use patternWrapper */ }
#patternWrapper {
background-color:#F6FAFD; /*BG13*/
}
#patternBottomBar {
background-color:#fff; /*BG1*/
border-color:#ccc;
}
#patternBottomBarContents,
#patternBottomBarContents a:link,
#patternBottomBarContents a:visited {
color:#8E9195; /*T8*/
}
/* GENERAL HTML ELEMENTS */
html body {
background-color:#fff; /*BG1*/
color:#000; /*T1*/
}
/* be kind to netscape 4 that doesn't understand inheritance */
body, p, li, ul, ol, dl, dt, dd, acronym, h1, h2, h3, h4, h5, h6 {
background-color:transparent;
}
hr {
color:#ccc; /*BO7*/
background-color:#ccc; /*BO7*/
}
pre, code, tt {
color:#7A4707; /*T6*/
}
h1, h2, h3, h4, h5, h6 {
color:#a00; /*T5*/
}
h1 a:link,
h1 a:visited {
color:#a00; /*T5*/
}
h1 a:hover {
color:#FBF7E8; /*T3*/
}
h2 {
background-color:#FDFAF1;
border-color:#E2DCC8; /*BO4*/
}
h3, h4, h5, h6 {
border-color:#E9E4D2; /*BO5*/
}
/* to override old Render.pm coded font color style */
.twikiNewLink font {
color:inherit;
}
.twikiNewLink a:link sup,
.twikiNewLink a:visited sup {
color:#666; /*T7*/
border-color:#ddd; /*BO8*/
}
.twikiNewLink a:hover sup {
background-color:#D6000F; /*BG2*/
color:#FBF7E8; /*C3*/
border-color:#D6000F; /*BG2*/ /* (part of bg) */
}
.twikiNewLink {
border-color:#ddd; /*BO8*/
}
:link:focus,
:visited:focus,
:link,
:visited,
:link:active,
:visited:active {
color:#06c; /*T2*/;
background-color:transparent;
}
:link:hover,
:visited:hover {
color:#FBF7E8; /*C3*/
background-color:#D6000F; /*BG2*/
}
:link:hover img,
:visited:hover img {
background:#fff; /*BG1*/
}
.patternTopic a:visited {
color:#666; /*T7*/
}
.patternTopic a:hover {
color:#FBF7E8; /*C3*/
}
/* Form elements */
textarea,
input,
select {
border-color:#aaa; /*BO6*/
}
.twikiSubmit,
.twikiButton {
border-color:#ddd #aaa #aaa #ddd;
color:#333;
background-color:#fff; /*BG1*/
}
.twikiSubmit:active,
.twikiButton:active {
border-color:#999 #ccc #ccc #999;
color:#000;
}
.twikiSubmitDisabled,
.twikiSubmitDisabled:active {
border-color:#ddd;
color:#ccc;
background-color:#f5f5f5;
}
.twikiInputField,
.twikiSelect {
border-color:#aaa #ddd #ddd #aaa;
color:#000;
background-color:#fff; /*BG1*/
}
.twikiInputFieldDisabled {
color:#666; /*T7*/
}
/* -----------------------------------------------------------
Plugin elements
----------------------------------------------------------- */
/* TablePlugin */
.twikiTable,
.twikiTable td,
.twikiTable th {
border-color:#ccc; /*BO8*/
}
.twikiTable th a:link,
.twikiTable th a:visited,
.twikiTable th a font {
color:#06c; /*T2*/
}
.twikiTable th a:hover,
.twikiTable th a:hover font {
background-color:transparent;
color:#D6000F; /*T4*/
border-color:#D6000F; /*T4*/
}
/* TablePlugin - sorting of table columns */
.patternTopic th.twikiSortedAscendingCol,
.patternTopic th.twikiSortedDescendingCol {
background-color:#ccc; /*BG8*/
}
th.twikiSortedAscendingCol a:link,
th.twikiSortedAscendingCol a:link font,
th.twikiSortedAscendingCol a:visited,
th.twikiSortedAscendingCol a:visited font,
th.twikiSortedDescendingCol a:link,
th.twikiSortedDescendingCol a:link font,
th.twikiSortedDescendingCol a:visited,
th.twikiSortedDescendingCol a:visited font {
border-color:#666; /*T7*/
}
th.twikiSortedAscendingCol a:hover,
th.twikiSortedAscendingCol a:hover font,
th.twikiSortedDescendingCol a:hover,
th.twikiSortedDescendingCol a:hover font {
border-color:#D6000F; /*T4*/
}
/* TwistyContrib */
.twistyPlaceholder {
color:#8E9195; /*T8*/
}
a:hover.twistyTrigger {
color:#FBF7E8; /*T3*/
}
/* TipsContrib */
.tipsOfTheDay {
background-color:#ECF4FB; /*BG5*/
}
.patternTopic .tipsOfTheDayHeader {
color:#333; /*T11*/
}
/* TipsContrib - in left bar */
#patternLeftBar .tipsOfTheDay a:link,
#patternLeftBar .tipsOfTheDay a:visited {
color:#a00; /*T5*/
}
#patternLeftBar .tipsOfTheDay a:hover {
color:#FBF7E8; /*T3*/
}
/* RevCommentPlugin */
.revComment .patternTopicAction {
background-color:#FDFBF4;
}
/* -----------------------------------------------------------
TWiki styles
----------------------------------------------------------- */
.twikiGrayText {
color:#8E9195; /*T8*/
}
.twikiGrayText a:link,
.twikiGrayText a:visited {
color:#8E9195; /*T8*/
}
.twikiGrayText a:hover {
color:#FBF7E8; /*C3*/
}
table.twikiFormTable th.twikiFormTableHRow,
table.twikiFormTable td.twikiFormTableRow {
color:#666; /*T7*/
}
.twikiEditForm {
color:#000; /*T1*/
}
.twikiEditForm .twikiFormTable th,
.twikiEditForm .twikiFormTable td {
border-color:#ddd; /*BO8*/
}
.twikiEditForm .twikiFormTable td {
background-color:#F6F8FC;
}
.twikiEditForm .twikiFormTable th {
background-color:#ECF4FB; /*BG5*/
}
.patternContent .twikiAttachments,
.patternContent .twikiForm {
background-color:#FEFBF3; /*BG9*/
border-color:#E2DCC8; /*BO4*/
}
.twikiAttachments table,
table.twikiFormTable {
border-color:#ccc; /*BO7*/
background-color:#fff; /*BG1*/
}
.twikiAttachments table {
background-color:#fff; /*BG1*/
}
.twikiAttachments td,
.twikiAttachments th {
border-color:#ccc;
}
.twikiAttachments th/*,
table.twikiFormTable th.twikiFormTableHRow*/ {
background-color:#fff; /*BG1*/
}
.twikiAttachments td {
background-color:#fff; /*BG1*/
}
.twikiAttachments th a:link,
.twikiAttachments th a:visited,
table.twikiFormTable th.twikiFormTableHRow a:link,
table.twikiFormTable th.twikiFormTableHRow a:visited {
color:#06c; /*T2*/
}
.twikiAttachments th font,
table.twikiFormTable th.twikiFormTableHRow font {
color:#06c; /*T2*/
}
.twikiAttachments th a:hover,
table.twikiFormTable th.twikiFormTableHRow a:hover {
border-color:#06c; /*T2*/
background-color:transparent;
}
.twikiAttachments th.twikiSortedAscendingCol,
.twikiAttachments th.twikiSortedDescendingCol {
background-color:#efefef; /*BG3*/
}
.twikiFormSteps {
background-color:#F6FAFD; /*BG13*/
border-color:#E2DCC8;
}
.twikiFormStep {
border-color:#E2DCC8;
}
.twikiFormStep h3,
.twikiFormStep h4 {
background-color:transparent;
}
.twikiToc .twikiTocTitle {
color:#666; /*T7*/
}
.twikiBroadcastMessage {
background-color:yellow;
}
.twikiBroadcastMessage b,
.twikiBroadcastMessage strong {
color:#f00; /*T9*/
}
.twikiAlert,
.twikiAlert code {
color:#f00; /*T9*/
}
.twikiEmulatedLink {
color:#06c; /*T2*/
}
.twikiPageForm table {
border-color:#ddd; /*BO8*/
background:#fff; /*BG1*/
}
.twikiPageForm hr {
border-color:#efefef; /*BO1*/
background-color:#efefef; /*BO1*/
color:#efefef; /*BO1*/
}
.twikiHelp {
background-color:#ECF4FB; /*BG5*/
border-color:#D5E6F3; /*BO3*/
}
.twikiAccessKey {
color:inherit;
border-color:#8E9195; /*T8*/
}
a:link .twikiAccessKey,
a:visited .twikiAccessKey,
a:hover .twikiAccessKey {
color:inherit;
}
/* -----------------------------------------------------------
Pattern skin specific elements
----------------------------------------------------------- */
#patternPage {
background-color:#fff; /*BG1*/
}
/* Left bar */
#patternLeftBarContents {
color:#666; /*T7*/
}
#patternLeftBarContents .patternWebIndicator {
color:#000; /*T1*/
}
#patternLeftBarContents .patternWebIndicator a:link,
#patternLeftBarContents .patternWebIndicator a:visited {
color:#000; /*T1*/
}
#patternLeftBarContents .patternWebIndicator a:hover {
color:#FBF7E8; /*T3*/
}
#patternLeftBarContents hr {
color:#E2DCC8; /*BO4*/
background-color:#E2DCC8; /*BO4*/
}
#patternLeftBarContents a:link,
#patternLeftBarContents a:visited {
color:#7A4707; /*T6*/
}
#patternLeftBarContents a:hover {
color:#FBF7E8; /*C3*/
}
#patternLeftBarContents b,
#patternLeftBarContents strong {
color:#333; /*T11*/
}
#patternLeftBarContents .patternChangeLanguage {
color:#8E9195; /*T8*/
}
#patternLeftBarContents .patternLeftBarPersonal {
border-color:#D9EAF6;
}
#patternLeftBarContents .patternLeftBarPersonal a:link,
#patternLeftBarContents .patternLeftBarPersonal a:visited {
color:#06c; /*T2*/;
}
#patternLeftBarContents .patternLeftBarPersonal a:hover {
color:#FBF7E8; /*C3*/
background-color:#D6000F; /*BG2*/
}
.patternSeparator {
font-family:monospace;
}
.patternTopicActions {
border-color:#E2DCC8; /*BO4*/
}
.patternTopicAction {
color:#666; /*T7*/
border-color:#E2DCC8; /*BO4*/
background-color:#FBF7E8;
}
.patternTopicAction .twikiSeparator {
color:#aaa;
}
.patternActionButtons a:link,
.patternActionButtons a:visited {
color:#D6000F; /*T4*/
}
.patternActionButtons a:hover {
color:#FBF7E8; /*C3*/
}
.patternTopicAction .twikiAccessKey {
border-color:#C75305;
}
.patternTopicAction label {
color:#000; /*T1*/
}
.patternHelpCol {
color:#8E9195; /*T8*/
}
.patternFormFieldDefaultColor {
/* input fields default text color (no user input) */
color:#8E9195; /*T8*/
}
.patternToolBar .patternButton s,
.patternToolBar .patternButton strike,
.patternToolBar .patternButton a:link,
.patternToolBar .patternButton a:visited {
border-color:#E2DCC8; /*BO4*/
background-color:#fff; /*BG1*/
}
.patternToolBar .patternButton a:link,
.patternToolBar .patternButton a:visited {
color:#666; /*T7*/
}
.patternToolBar .patternButton s,
.patternToolBar .patternButton strike {
color:#ccc;
border-color:#e0e0e0;
background-color:#fff; /*BG1*/
}
.patternToolBar .patternButton a:hover {
background-color:#D6000F; /*BG2*/
color:#FBF7E8; /*C3*/
border-color:#D6000F; /*T4*/
}
.patternToolBar .patternButton img {
background-color:transparent;
}
.patternToolBarBottom {
border-color:#E2DCC8; /*BO4*/
}
.patternToolBar a:link .twikiAccessKey,
.patternToolBar a:visited .twikiAccessKey {
color:inherit;
border-color:#666; /*T7*/
}
.patternToolBar a:hover .twikiAccessKey {
background-color:transparent;
color:inherit;
}
.patternRevInfo,
.patternRevInfo a:link,
.patternRevInfo a:visited {
color:#8E9195; /*T8*/
}
.patternRevInfo a:hover {
color:#FBF7E8; /*C3*/
}
.patternMoved,
.patternMoved a:link,
.patternMoved a:visited {
color:#8E9195; /*T8*/
}
.patternMoved a:hover {
color:#FBF7E8; /*T3*/
}
.patternSaveHelp {
background-color:#fff; /*BG1*/
}
/* WebSearch, WebSearchAdvanced */
table#twikiSearchTable th,
table#twikiSearchTable td {
background-color:#fff; /*BG1*/
border-color:#ddd; /*BO8*/
}
table#twikiSearchTable th {
color:#8E9195; /*T8*/
}
table#twikiSearchTable td.first {
background-color:#efefef; /*BG3*/
}
/* -----------------------------------------------------------
Search results
styles and overridden styles used in search.pattern.tmpl
----------------------------------------------------------- */
h3.patternSearchResultsHeader,
h4.patternSearchResultsHeader {
background-color:#FEFBF3; /*BG9*/
border-color:#ccc; /*BO7*/
}
h4.patternSearchResultsHeader {
color:#000;
}
.patternNoViewPage h4.patternSearchResultsHeader {
color:#a00; /*T5*/
}
.patternSearchResult .twikiBottomRow {
border-color:#ddd; /*BO8*/
}
.patternSearchResult .twikiAlert {
color:#f00; /*T9*/
}
.patternSearchResult .twikiSummary .twikiAlert {
color:#900; /*C5*/
}
.patternSearchResult .twikiNew {
background-color:#ECFADC; /*BG10*/
border-color:#049804; /*T10*/
color:#049804; /*T10*/
}
.patternViewPage .patternSearchResultsBegin {
border-color:#ddd; /*BO8*/
}
/* Search results in book view format */
.patternBookView .twikiTopRow {
background-color:transparent; /* set to WEBBGCOLOR in css.pattern.tmpl */
color:#666; /*T7*/
}
.patternBookView .twikiBottomRow {
border-color:#ddd; /*BO8*/
}
.patternBookView .patternSearchResultCount {
color:#8E9195; /*T8*/
}
/* oopsmore.pattern.tmpl */
table.patternDiffOptions img {
border-color:#ccc; /*BO7*/
}
/* edit.pattern.tmpl */
.patternEditPage textarea#topic {
background-color:#fff; /*BG1*/
}
.twikiChangeFormButton .twikiButton,
.twikiChangeFormButtonHolder .twikiButton {
color:#06c; /*T2*/
background:none;
}
.patternSig input {
color:#8E9195; /*T8*/
background-color:#fff; /*BG1*/
}
/* preview.pattern.tmpl */
.patternPreviewArea {
border-color:#f00; /*BO9*/
background-color:#fff; /*BG1*/
}
/* rdiff.pattern.tmpl */
.patternDiff {
border-color:#ccc;
}
.patternDiff h4.patternSearchResultsHeader {
background-color:#ccc;
}
tr.twikiDiffDebug td {
border-color:#ddd; /*BO8*/
}
.patternDiffPage .twikiDiffTable th {
background-color:#eee;
}
tr.twikiDiffDebug .twikiDiffChangedText,
tr.twikiDiffDebug .twikiDiffChangedText {
background:#99ff99; /* green */
}
/* Deleted */
tr.twikiDiffDebug .twikiDiffDeletedMarker,
tr.twikiDiffDebug .twikiDiffDeletedText {
background-color:#f99;
}
/* Added */
tr.twikiDiffDebug .twikiDiffAddedMarker,
tr.twikiDiffDebug .twikiDiffAddedText {
background-color:#ccf;
}
/* Unchanged */
tr.twikiDiffDebug .twikiDiffUnchangedText {
color:#8E9195; /*T8*/
}
/* Headers */
.twikiDiffChangedHeader,
.twikiDiffDeletedHeader,
.twikiDiffAddedHeader {
background-color:#ccc;
}
/* Unchanged */
.twikiDiffUnchangedTextContents { }
.twikiDiffLineNumberHeader {
background-color:#eee;
}
</style><!--[if IE]>
<style type="text/css">
pre {
overflow-x:auto;
overflow-y:hidden;
padding-bottom:expression(this.scrollWidth > this.offsetWidth ? 16 : 0);
}
#patternLeftBarContents li {
text-overflow:ellipsis;
}
</style>
<![endif]--><!--[if lte IE 6]>
<style type="text/css">
#patternLeftBar {
position:relative; /* IE 5.5 needs this or the contents won't show outside the parent container on print. IE 6.0 needs it only during printable copy! */
}
</style>
<![endif]-->
<style type="text/css" media="all">
/* Styles that are set using variables */
.twikiInputField {
background-image:url("/twiki/pub/TWiki/PatternSkin/background_input.gif");
background-repeat:repeat-x;
}
.twikiInputFieldDisabled {
background-image:none;
border:none;
}
.twikiButton {
background-image:url("/twiki/pub/TWiki/PatternSkin/background_button.gif");
background-repeat:repeat-x;
}
.patternToolBarButtons .patternButton a {
/*
background-image:url("/twiki/pub/TWiki/PatternSkin/background_button.gif");
background-repeat:repeat-x;
*/
}
.twikiSubmit {
background-image:url("/twiki/pub/TWiki/PatternSkin/background_submit.gif");
background-repeat:repeat-x;
}
.twikiSubmitDisabled {
background-image:none;
}
.twikiToc li {
background-image:url("/twiki/pub/TWiki/PatternSkin/bullet-down.gif");
background-repeat:no-repeat;
}
#patternLeftBar .patternWebIndicator,
.patternBookView .twikiTopRow {
background-color:#ff8080;
}
#patternTopBar { background-image:url("http://www.trolltech.com/topBg.gif"); background-repeat:no-repeat;}
#patternTopBar { background-color:#AFD34D;}
/*
.twikiHelp,
.patternAccessKeyInfo {
background:url("/twiki/pub/TWiki/PatternSkin/striped_blue.gif");
}
*/
.patternBookView {
border-color:#ff8080;
}
#twikiLogin,
#patternLeftBarContents .tipsOfTheDayContents {
background-image:url("/twiki/pub/TWiki/PatternSkin/gradient_blue.gif");
background-repeat:repeat-x;
}
#patternOuter {
/* gradient yellow of left bar and main */
background-image:url("/twiki/pub/TWiki/PatternSkin/gradient_yellow.gif");
background-repeat:repeat-x;
}
.patternPrintPage #patternOuter {
background:#fff;
}
.twikiPageForm table {
background-image:url("/twiki/pub/TWiki/PatternSkin/form_gradient.gif");
background-repeat:repeat-x;
}
#patternLeftBarContents .patternLeftBarPersonal li {
background-image:url("/twiki/pub/TWiki/PatternSkin/bullet-blue.gif");
background-repeat:no-repeat;
background-position:0 .5em;
}
.patternPreviewPage #patternMain {
background-image:url(/twiki/pub/TWiki/PreviewBackground/preview2bg.gif);
}
</style>
</head>
<body class="patternViewPage patternPrintPage"><a name="PageTop"></a>
<div id="patternScreen">
<div id="patternPageShadow">
<div id="patternPage">
<div id="patternOuter">
<div id="patternFloatWrap">
<div id="patternMain">
<div id="patternMainContents"><div class="patternContent"><div class="patternTopic"><h2><a name="Qt_Coding_Style"></a> Qt Coding Style </h2>
<p>
This is a overview of the coding convention we use when writing Qt code.
The data has been gathered by mining the Qt sources, discussion forums,
email threads and through collaboration of the developers.
</p><p>
</p><div class="twikiToc"> <ul>
<li> <a href="#Qt_Coding_Style"> Qt Coding Style</a> <ul>
<li> <a href="http://twiki.troll.no/twiki/bin/view/Main/QtCodingStyle#Indentation"> Indentation</a>
</li> <li> <a href="#Declaring_variables"> Declaring variables</a>
</li> <li> <a href="#Whitespace"> Whitespace</a>
</li> <li> <a href="#Braces"> Braces</a>
</li> <li> <a href="#Switch_statements"> Switch statements</a>
</li> <li> <a href="#Line_breaks"> Line breaks</a>
</li> <li> <a href="#General_exception"> General exception</a>
</li></ul>
</li></ul>
</div>
<p>
</p><h3><a name="Indentation"></a> Indentation </h3>
<p> </p><ul>
<li> 4 spaces are used for indentation
</li> <li> Spaces, not tabs!
</li></ul>
<p>
</p><h3><a name="Declaring_variables"></a> Declaring variables </h3>
<p> </p><ul>
<li> Declare each variable on a separate line
</li> <li> Avoid short (e.g., a,rbarr,nughdeget) names whenever possible
</li> <li> Single character variable names are only okay for counters and temporaries, where the purpose of the variable is obvious
</li> <li> Wait with declaring a variable until it is needed
</li></ul>
<p>
</p><pre> // Wrong
int a, b;
char *c, *d;
// Correct
int height;
int width;
char *nameOfThis;
char *nameOfThat;
</pre>
<p> </p><ul>
<li> Variables and functions start with a small letter. Each consecive word in a variable's name starts with a capital letter
</li> <li> Avoid abbreviations
</li></ul>
<p>
</p><pre> // Wrong
short Cntr;
char ITEM_DELIM = '\t';
// Correct
short counter;
char itemDelimiter = '\t';
</pre>
<p>
</p><p> </p><ul>
<li> Classes always start with a big letter. Public classes start with
a 'Q' (QRgb). Public functions most often start with a 'q' (qRgb).
</li></ul>
<p>
</p><h3><a name="Whitespace"></a> Whitespace </h3>
<p> </p><ul>
<li> Use blank lines to group statements together where suited
</li> <li> Always use only one blank line
</li> <li> Always use a single space after a keyword, and before a curly brace.
</li></ul>
<p>
</p><pre> // Wrong
if(foo){
}
// Correct
if (foo) {
}
</pre>
<p> </p><ul>
<li> For pointers or references, always use a single space before '*' or '&', but never after.
</li> <li> No space after a cast.
</li> <li> Avoid C-style casts when possible.
</li></ul>
<p>
</p><pre> // Wrong
char* blockOfMemory = (char* ) malloc(data.size());
// Correct
char *blockOfMemory = (char *)malloc(data.size());
char *blockOfMemory = reinterpret_cast<char *>(malloc(data.size()));
</pre>
<p>
</p><h3><a name="Braces"></a> Braces </h3>
<p> </p><ul>
<li> As a base rule, the left curly brace goes on the same line as the start of the statement:
</li></ul>
<p>
</p><pre> // Wrong
if (codec)
{
}
// Correct
if (codec) {
}
</pre>
<p> </p><ul>
<li> Exception: Function implementations and class declarations always have the left brace on the start of a line:
</li></ul>
<p>
</p><pre> static void foo(int g)
{
qDebug("foo: %i", g);
}
class Moo
{
};
</pre>
<p> </p><ul>
<li> Use curly braces when the body of a conditional statement contains
more than one line, and also if a single line statement is somewhat
complex.
</li></ul>
<p>
</p><pre> // Wrong
if (address.isEmpty()) {
return false;
}
for (int i = 0; i < 10; ++i) {
qDebug("%i", i);
}
// Correct
if (address.isEmpty())
return false;
for (int i = 0; i < 10; ++i)
qDebug("%i", i);
</pre>
<p> </p><ul>
<li> Exception 1: Use braces also if the parent statement covers several lines / wraps
</li></ul>
<p>
</p><pre> // Correct
if (address.isEmpty() || !isValid()
|| !codec) {
return false;
}
</pre>
<p> </p><ul>
<li> Exception 2: Use braces also in if-then-else blocks where either the if-code or the else-code covers several lines
</li></ul>
<p>
</p><pre> // Wrong
if (address.isEmpty())
return false;
else {
qDebug("%s", qPrintable(address));
++it;
}
// Correct
if (address.isEmpty()) {
return false;
} else {
qDebug("%s", qPrintable(address));
++it;
}
</pre>
<p>
</p><h3><a name="Switch_statements"></a> Switch statements </h3>
<p> </p><ul>
<li> The case labels are on the same column as the switch
</li> <li> Every case must have a break (or return) statement at the end or a comment to indicate that there's intentionally no break
</li></ul>
<p>
</p><pre> switch (myEnum) {
case Value1:
doSomething();
break;
case Value2:
doSomethingElse();
// fall through
default:
defaultHandling();
break;
}
</pre>
<p>
</p><h3><a name="Line_breaks"></a> Line breaks </h3>
<p> </p><ul>
<li> Keep lines shorter than 100 characters; insert line breaks if necessary.
</li></ul>
<p>
</p><h3><a name="General_exception"></a> General exception </h3>
<p> </p><ul>
<li> Feel free to break a rule if it makes your code look bad.
</li></ul> </div>
</div>
</div> <!-- /patternTopicFooter -->
</div><!-- /patternMainContents-->
</div><!-- /patternMain-->
</div><!-- /patternFloatWrap-->
<div class="clear"> </div>
</div><!-- /patternOuter--><div id="patternBottomBar"><div id="patternBottomBarContents">Copyright
by the contributing authors. All material on this collaboration
platform is the property of the contributing authors.
</div><!-- /patternBottomBarContents--></div><!-- /patternBottomBar-->
</div><!-- /patternPage-->
</div><!-- /patternPageShadow-->
</div><!-- /patternScreen-->
</body></html>