/* ----------------------------------------------------------- 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 { } th { line-height:1.15em; } label { padding:.15em 0; /* same vertical padding as twikiInputField */ } 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 */ } /* IE behavior for pre is defined in twiki.pattern.tmpl in conditional comment */ html>body pre { /* hide from IE */ /*\*/ overflow:auto !important; /* */ overflow:scroll; width:auto; /* for Mac Safari */ } 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:150%; } h3 { font-size:130%; font-weight:bold; } h4 { font-size:122%; font-weight:bold; } h5 { font-size:110%; font-weight:bold; } h6 { font-size:95%; font-weight:bold; } h2, h3, h4, h5, h6 { display:block; /* give header a background color for easy scanning:*/ padding:.15em 5px; margin:1.25em -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; font-family:"Lucida Grande", verdana, arial, sans-serif; } textarea { padding:1px; } input, select option { padding:1px; } .twikiSubmit, .twikiButton, .twikiCheckbox { border-width:1px; border-style:solid; padding:.1em .3em; 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%; } blockquote { border-style:solid; border-width:0 0 0 3px; padding:.5em 1.25em; } /* 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; /* border-width:0 0 1px 0; border-style:solid; */ overflow:hidden; } #patternTopBarContents { padding:0; /* 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 0 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 { border-style:solid; border-width:1px; margin:2px 0; } .twikiTable td { padding:.25em .5em; border-style:none none solid none; border-width:0 0 1px 0; } .twikiTable th { border-style:none none none solid; border-width:0 0 0 1px; padding:.4em .5em; } .twikiTable th.twikiFirstCol { border-left-style:none; } .twikiTable a:link, .twikiTable a:visited { text-decoration:underline; } .twikiTable a:hover { text-decoration:underline; } .twikiEditForm { margin:0 0 .5em 0; } /* 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 .tipsOfTheDay { } #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 */ .twistyTrigger a:link, .twistyTrigger a:visited { text-decoration:none; } .twistyTrigger a:link .twikiLinkLabel, .twistyTrigger a:visited .twikiLinkLabel { text-decoration:none; } /* ----------------------------------------------------------- TWiki styles ----------------------------------------------------------- */ .twikiLast, .patternTopic .twikiLast, .twikiForm .twikiLast, .twikiTable .twikiLast { border-bottom-style:none; border-bottom-width:0; } #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 */ } .twikiTable h2, .twikiFormTable h2, .twikiTable h3, .twikiFormTable h3, .twikiTable h4, .twikiFormTable h4, .twikiTable h5, .twikiFormTable h5, .twikiTable h6, .twikiFormTable h6 { border:0; margin-top:0; margin-bottom:0; } .twikiFormTable th { font-weight:normal; } .twikiFormTable .twikiTable th { font-weight:bold; } .patternEditPage .twikiFormTable td, .patternEditPage .twikiFormTable th { padding:.6em .5em; border-style:solid; border-width:0 0 1px 0; vertical-align:middle; } .patternContent .twikiAttachments, .patternContent .twikiForm { /* form or attachment table inside topic area */ font-size:94%; /*S2*/ padding:1em 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 th { border-style:none none solid 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; } .twikiFormTableFooter {} .twikiAttachments td, table.twikiFormTable td { padding:3px 6px; height:1.4em; /*S1*/ text-align:left; vertical-align:top; } .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%; } .twikiPageForm th, .twikiPageForm td { border:0; padding:.5em 1em; } .twikiPageForm td {} .twikiPageForm td.first { padding-top:1em; } .twikiBroadcastMessage { padding:.25em .5em; margin:0 0 1em 0; } .twikiHelp { padding:1em; margin:0 0 -1px 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; } .patternTopic .patternBlockquote { margin:1em 0 1em 5em; } #patternLeftBarContents { font-size:94%; /*S2*/ padding:0 1em .5em 0; line-height:1.35em; } #patternLeftBarContents a img { margin:1px 0 0 0; } #patternLeftBarContents a:link, #patternLeftBarContents a:visited { text-decoration:none; } #patternLeftBarContents ul { padding:0; margin:0; list-style:none; } #patternLeftBarContents li { margin:2px 0 3px 0; line-height:1.1em; } #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 0 1em -1em; /*S6*/ padding:.55em 1em; /*S6*/ width:100%; } #patternLeftBarContents .twikiHierarchicalNavigation { padding:.5em .1em .5em .3em; margin:0 0 0 -.3em; width:100%; } #patternLeftBarContents li, #patternLeftBarContents .twikiHierarchicalNavigation { overflow:hidden; text-overflow:ellipsis; } html>body #patternLeftBarContents li { /* Mozilla */ overflow:visible; } html>body #patternLeftBarContents .twikiHierarchicalNavigation { /* Mozilla */ overflow:hidden; } .twikiHierarchicalNavigation ul { padding:0; margin:0; list-style:none; } .twikiHierarchicalNavigation .twikiCurrentTopic li { font-weight:bold; } .twikiHierarchicalNavigation .twikiParentTopic li {} .twikiHierarchicalNavigation .twikiChildTopics li {} .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 { float:right; padding-top:5px; padding-right:15px; } .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 .patternActionButtons .patternButton s, .patternTopicAction .patternActionButtons .patternButton strike { 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; } .patternTopicFooter { margin:1em 0 0 0; } /* WebSearch, WebSearchAdvanced */ #twikiSearchTable { background:none; border-bottom:0; } #twikiSearchTable th, #twikiSearchTable td { padding:1em; border-width:0 0 1px 0; border-style:solid; } #twikiSearchTable th { width:20%; text-align:right; } #twikiSearchTable td { width:80%; } /* ----------------------------------------------------------- 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; margin-top:.1em; } .patternSearchResult .twikiBottomRow { margin-bottom:.1em; 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; } /* rename.pattern.tmpl */ .patternRenamePage .patternTopicAction { margin-top:-1px; } /* 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; } .patternDiff h4.patternSearchResultsHeader { padding:.5em; } .patternDiffPage .patternRevInfo ul { padding:0; margin:2em 0 0 0; list-style:none; } .patternDiffPage .twikiDiffTable { margin:2em 0; } tr.twikiDiffDebug td { border-width:1px; border-style:solid; } .patternDiffPage td.twikiDiffDebugLeft { border-bottom:none; } .patternDiffPage .twikiDiffTable th { padding:.25em .5em; } .patternDiffPage .twikiDiffTable td { padding:.25em; } .twikiDiffLineNumberHeader { padding:.3em 0; } /* new styles by Loic - January 2007 */ #patternTopBarTitle { /* to replace patternWebIndicator in left bar */ font: 24px/1.2 Georgia, "Times New Roman", sans-serif; color: #E7F2D9; margin: 0; padding-top: 8px } #patternTopTop { background:#E6EEDB url(/twiki/pub/TWiki/Tdwg01Skin/bgd-top-top.gif) right bottom no-repeat; height:30px; margin-right:40px; } /* TDWG Skin forms */ loginForm, searchForm { margin:0px; } .textField { height:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #fff; color: #666; padding:1px; margin-right:3px; border: 2px solid #E6EEDB; } .formButton { height:16px; font:11px/1.0 Verdana, Arial, Helvetica, sans-serif; background-color: #CC6633; color: #FFF; padding:0; margin:0; border:none; cursor:pointer; }