lib/TWiki/Configure/CSS.pm
changeset 0 414e01d06fd5
equal deleted inserted replaced
-1:000000000000 0:414e01d06fd5
       
     1 package TWiki::Configure::CSS;
       
     2 
       
     3 use strict;
       
     4 
       
     5 use vars qw( $css );
       
     6 
       
     7 sub css {
       
     8     local $/ = undef;
       
     9     return <DATA>;
       
    10 }
       
    11 
       
    12 1;
       
    13 __DATA__
       
    14 
       
    15 /* TWiki base CSS */
       
    16 
       
    17 .twikiMakeVisible,
       
    18 .twikiMakeVisibleInline,
       
    19 .twikiMakeVisibleBlock {
       
    20 	display:none; /* will be made visible with javascript */
       
    21 }
       
    22 .twikiLeft {
       
    23 	float:left;
       
    24 	position:relative;
       
    25 }
       
    26 .twikiRight {
       
    27 	position:relative;
       
    28 	float:right;
       
    29 	display:inline;
       
    30 	margin:0;
       
    31 }
       
    32 .twikiClear {
       
    33 	/* to clean up floats */
       
    34 	margin:0;
       
    35 	padding:0;
       
    36 	height:0;
       
    37 	line-height:0px;
       
    38 	clear:both;
       
    39 	display:block;
       
    40 }
       
    41 .twikiHidden {
       
    42 	display:none;
       
    43 }
       
    44 .twikiSmall {
       
    45 	font-size:86%;
       
    46 	line-height:110%; /*S3*/
       
    47 }
       
    48 .twikiSmallish {
       
    49 	font-size:94%; /*S2*/
       
    50 }
       
    51 .twikiBroadcastMessage {
       
    52 	background-color:#ff0;
       
    53 	padding:.25em .5em;
       
    54 	margin:0 0 1em 0;
       
    55 }
       
    56 .twikiBroadcastMessage b,
       
    57 .twikiBroadcastMessage strong {
       
    58 	color:#f00;
       
    59 }
       
    60 .twikiAlert,
       
    61 .twikiAlert code {
       
    62 	color:#f00;
       
    63 }
       
    64 .twikiEmulatedLink {
       
    65 	text-decoration:underline;
       
    66 }
       
    67 .twikiAccessKey {
       
    68 	text-decoration:none;
       
    69 	border-width:0 0 1px 0;
       
    70 	border-style:solid;
       
    71 }
       
    72 a:hover .twikiAccessKey {
       
    73 	text-decoration:none;
       
    74 	border:none;
       
    75 }
       
    76 .twikiImage img {
       
    77 	padding:3px;
       
    78 	border-width:1px;
       
    79 	border-style:solid;
       
    80 }
       
    81 .twikiPreviewArea {
       
    82 	border-width:1px;
       
    83 	border-style:solid;
       
    84 	border-color:#f00;
       
    85 	margin:0 -0.5em 2em -0.5em;
       
    86 	padding:.5em;
       
    87 }
       
    88 
       
    89 /* 
       
    90 Basic layout derived from http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php.
       
    91 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:
       
    92 
       
    93 Original copyright notice:
       
    94 Parts of these notes are
       
    95 (c) Big John @ www.positioniseverything.net and (c) Paul O'Brien @ www.pmob.co.uk, all of whom contributed significantly to the design of
       
    96 the css and html code.
       
    97 
       
    98 Reworked for TWiki: (c) Arthur Clemens @ visiblearea.com
       
    99 */
       
   100 
       
   101 html, body {
       
   102 	margin:0; /*** Do NOT set anything other than a left margin for the page
       
   103 as this will break the design ***/
       
   104 	padding:0;
       
   105 	border:0;
       
   106 /* \*/
       
   107 	height:100%;
       
   108 /* Last height declaration hidden from Mac IE 5.x */
       
   109 }
       
   110 body {
       
   111 	background:#fff;
       
   112 	min-width:100%; /*** This is needed for moz. Otherwise, the header and patternBottomBar will
       
   113 slide off the left side of the page if the screen width is narrower than the design.
       
   114 Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
       
   115 	text-align:center; /*** IE/Win (not IE/MAC) alignment of page ***/
       
   116 }
       
   117 .clear {
       
   118 	clear:both;
       
   119 	/*** these next attributes are designed to keep the div
       
   120 	height to 0 pixels high, critical for Safari and Netscape 7 ***/
       
   121 	height:0px;
       
   122 	overflow:hidden;
       
   123 	line-height:1%;
       
   124 	font-size:0px;
       
   125 }
       
   126 
       
   127 #patternWrapper {
       
   128 	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.
       
   129 If you change this to height:100% moz won't expand the design if content grows.
       
   130 Aaaghhh. I pulled my hair out over this for days. ***/
       
   131 /* \*/
       
   132 	height:100%;
       
   133 /* Last height declaration hidden from Mac IE 5.x */
       
   134 /*** Fixes height for non moz browsers, to full height ***/
       
   135 }
       
   136 #patternWrapp\65	r{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
       
   137 	height:auto; /*** For moz to stop it fixing height to 100% ***/
       
   138 }
       
   139 /* \*/
       
   140 * html #patternWrapper{
       
   141 	height:100%;
       
   142 }
       
   143 
       
   144 #patternPage {
       
   145 	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
       
   146 	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
       
   147 	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
       
   148 	position:relative;
       
   149 	width:100%; /*** Needed for Moz/Opera to keep page from sliding to left side of
       
   150 page when it calculates auto margins above. Can't use min-width. Note that putting
       
   151 width in #patternPage shows it to IE and causes problems, so IE needs a hack
       
   152 to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
       
   153 /* \*/
       
   154 
       
   155 /* Last height declaration hidden from Mac IE 5.x */
       
   156 /*** Needed for Moz to give full height design if page content is
       
   157 too small to fill the page ***/
       
   158 }
       
   159 /* Last style with height declaration hidden from Mac IE 5.x */
       
   160 /*** Fixes height for IE, back to full height,
       
   161 from esc tab hack moz min-height solution ***/
       
   162 #patternOuter {
       
   163 	z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
       
   164 	position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
       
   165 
       
   166 	height:100%;
       
   167 /* Last height declaration hidden from Mac IE 5.x */
       
   168 /*** Needed for full height inner borders in Win IE ***/
       
   169 }
       
   170 
       
   171 #patternFloatWrap {
       
   172 	width:100%;
       
   173 	float:left;
       
   174 	display:inline;
       
   175 }
       
   176 
       
   177 #patternLeftBar {
       
   178 	/* Left bar width is defined in viewleftbar.pattern.tmpl */
       
   179 	float:left;
       
   180 	display:inline;
       
   181 	overflow:hidden;
       
   182 }
       
   183 #patternLeftBarContents {
       
   184 	position:relative;
       
   185 	/* for margins and paddings use style.css */
       
   186 }
       
   187 #patternMain {
       
   188 	width:100%;
       
   189 	float:right;
       
   190 	display:inline;
       
   191 }
       
   192 #patternTopBar {
       
   193 	/* Top bar height is defined in viewtopbar.pattern.tmpl */
       
   194 	z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
       
   195 	position:absolute;
       
   196 	top:0px;
       
   197 	width:100%;
       
   198 }
       
   199 #patternTopBarContents {
       
   200 	height:1%; /* or Win IE won't display a background */
       
   201 	/* for margins/paddings use style.css */
       
   202 }
       
   203 #patternTopToolBar {
       
   204 	/* Top bar y and height is defined in viewtopbar.pattern.tmpl */
       
   205 	z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
       
   206 	position:absolute;
       
   207 	width:100%;
       
   208 }
       
   209 #patternBottomBar {
       
   210 	z-index:1; /* Critical value for Moz/Opera Background Column colors fudge to work */
       
   211 	clear:both;
       
   212 	width:100%;
       
   213 }
       
   214 
       
   215 /*	-----------------------------------------------------------
       
   216 	STYLE
       
   217 	Appearance: margins, padding, fonts, borders
       
   218 	-----------------------------------------------------------	*/
       
   219 	
       
   220 
       
   221 /*	----------------------------------------------------------------------------
       
   222 	CONSTANTS
       
   223 	
       
   224 	Sizes
       
   225 	----------------------------------------
       
   226 	S1 line-height											1.5em
       
   227 	S2 somewhat smaller font size							94%
       
   228 	S3 small font size, twikiSmall							font-size:86%; line-height:110%;
       
   229 	S4 horizontal bar padding (h2, patternTop)				5px
       
   230 	S5 form and attachment padding							20px
       
   231 	S6 left margin left bar									1em
       
   232 
       
   233 	------------------------------------------------------------------------- */
       
   234 
       
   235 /* GENERAL HTML ELEMENTS */
       
   236 
       
   237 html body {
       
   238 	font-size:104%; /* to change the site's font size, change #patternPage below */
       
   239 	voice-family:"\"}\""; 
       
   240 	voice-family:inherit;
       
   241 	font-size:small;
       
   242 }
       
   243 html>body { /* Mozilla */
       
   244 	font-size:small;	
       
   245 }
       
   246 p {
       
   247 	margin:1em 0 0 0;
       
   248 }
       
   249 table {
       
   250 }
       
   251 th {
       
   252 	line-height:1.15em;
       
   253 }
       
   254 label {
       
   255 	padding:.15em .3em .15em 0; /* same vertical padding as twikiInputField */
       
   256 }
       
   257 strong, b {
       
   258 	font-weight:bold;
       
   259 }
       
   260 hr {
       
   261 	height:1px;
       
   262 	border:none;
       
   263 }
       
   264 /* put overflow pre in a scroll area */
       
   265 pre {
       
   266     width:100%;
       
   267     margin:1em 0; /* Win IE tries to make this bigger otherwise */
       
   268 }
       
   269 /* IE behavior for pre is defined in css.pattern.tmpl in conditional comment */
       
   270 html>body pre { /* hide from IE */
       
   271 	/*\*/ overflow:auto !important; /* */ overflow:scroll; width:auto; /* for Mac Safari */
       
   272 }
       
   273 ol, ul {
       
   274 	margin-top:0;
       
   275 }
       
   276 ol li, ul li {}
       
   277 blockquote {
       
   278 	padding:.5em 1.25em;
       
   279 }
       
   280 .patternRenamePage blockquote,
       
   281 .patternPrintPage blockquote {
       
   282 	border-style:solid;
       
   283 	border-width:0 0 0 3px;
       
   284 }
       
   285 form { 
       
   286 	display:inline;
       
   287 	margin:0;
       
   288 	padding:0;
       
   289 }
       
   290 
       
   291 /* Text */
       
   292 h1 {
       
   293 	padding:0.25em 0 0 0;
       
   294 	margin:0 0 .5em 0;
       
   295 }
       
   296 h2, h3, h4, h5, h6 {
       
   297 	padding:0;
       
   298 	margin:1em 0 .1em 0;
       
   299 }
       
   300 h1, h2, h3, h4, h5, h6 {
       
   301 	font-weight:normal;
       
   302 	line-height:1em;
       
   303 }
       
   304 h1 { font-size:215%; }
       
   305 h2 { font-size:153%; }
       
   306 h3 { font-size:133%; font-weight:bold; }
       
   307 h4 { font-size:122%; font-weight:bold; }
       
   308 h5 { font-size:110%; font-weight:bold; }
       
   309 h6 { font-size:95%; font-weight:bold; }
       
   310 h2, h3, h4, h5, h6 {
       
   311 	display:block;
       
   312 	/* give header a background color for easy scanning:*/
       
   313 	padding:.25em 10px;
       
   314 	margin:1.25em -10px .35em -10px;
       
   315 	border-width:0 0 1px 0;
       
   316 	border-style:solid;
       
   317 	height:auto;	
       
   318 }
       
   319 
       
   320 h1.patternTemplateTitle {
       
   321 	font-size:180%;
       
   322 	text-align:center;
       
   323 }
       
   324 h2.patternTemplateTitle {
       
   325 	text-align:center;
       
   326 	margin-top:.5em;
       
   327 	background:none;
       
   328 	border:none;
       
   329 }
       
   330 /* Links */
       
   331 /* somehow the twikiNewLink style have to be before the general link styles */
       
   332 .twikiNewLink {
       
   333 	border-width:0 0 1px 0;
       
   334 	border-style:solid;
       
   335 }
       
   336 .twikiNewLink a {
       
   337 	text-decoration:none;
       
   338 	margin-left:1px;
       
   339 }
       
   340 .twikiNewLink a sup {
       
   341 	text-align:center;
       
   342 	padding:0 2px;
       
   343 	vertical-align:baseline;
       
   344 	font-size:100%;
       
   345 	text-decoration:none;
       
   346 }
       
   347 .twikiNewLink a:link sup,
       
   348 .twikiNewLink a:visited sup {
       
   349 	border-width:1px;
       
   350 	border-style:solid;
       
   351 	text-decoration:none;
       
   352 }
       
   353 .twikiNewLink a:hover sup {
       
   354 	text-decoration:none;
       
   355 }
       
   356 
       
   357 :link:focus,
       
   358 :visited:focus,
       
   359 :link,
       
   360 :visited,
       
   361 :link:active,
       
   362 :visited:active {
       
   363 	text-decoration:underline;
       
   364 }
       
   365 :link:hover,
       
   366 :visited:hover {
       
   367 	text-decoration:none;
       
   368 }
       
   369 img {
       
   370 	vertical-align:text-bottom;
       
   371 	border:0;
       
   372 }
       
   373 
       
   374 
       
   375 /*	-----------------------------------------------------------
       
   376 	Plugin elements
       
   377 	-----------------------------------------------------------	*/
       
   378 
       
   379 /* TagMePlugin */
       
   380 .tagMePlugin select {
       
   381 	margin:0 .25em 0 0;
       
   382 }
       
   383 .tagMePlugin input { 
       
   384 	border:0px;
       
   385 }
       
   386 
       
   387 /* EditTablePlugin */
       
   388 .editTable .twikiTable {
       
   389 	margin:0 0 2px 0;
       
   390 }
       
   391 .editTableEditImageButton {
       
   392 	border:none;
       
   393 }
       
   394 
       
   395 /* TablePlugin */
       
   396 .twikiTable {
       
   397 	border-style:solid;
       
   398 	border-width:1px;
       
   399 	margin:2px 0;
       
   400 	border-collapse:collapse;
       
   401 }
       
   402 .twikiTable td {
       
   403 	padding:.25em .5em;
       
   404 	border-width:1px;
       
   405 }
       
   406 .twikiTable th {
       
   407 	border-left-style:solid;
       
   408 	border-width:1px;
       
   409 	padding:.4em .5em;
       
   410 }
       
   411 .twikiTable th.twikiFirstCol {
       
   412 	border-left-style:none;
       
   413 }
       
   414 .twikiTable a:link,
       
   415 .twikiTable a:visited {
       
   416 	text-decoration:underline;
       
   417 }
       
   418 .twikiTable a:hover {
       
   419 	text-decoration:underline;
       
   420 }
       
   421 
       
   422 .twikiEditForm {
       
   423 	margin:0 0 .5em 0;
       
   424 }
       
   425 
       
   426 /* TwistyContrib */
       
   427 .twistyTrigger a:link,
       
   428 .twistyTrigger a:visited {
       
   429 	text-decoration:none;
       
   430 }
       
   431 .twistyTrigger a:link .twikiLinkLabel,
       
   432 .twistyTrigger a:visited .twikiLinkLabel {
       
   433 	text-decoration:none;
       
   434 }
       
   435 
       
   436 /*tipsOfTheDay*/
       
   437 .tipsOfTheDay {
       
   438 	padding:10px;
       
   439 }
       
   440 
       
   441 /*	-----------------------------------------------------------
       
   442 	TWiki styles
       
   443 	-----------------------------------------------------------	*/
       
   444 
       
   445 #twikiLogin {
       
   446 	width:40em;
       
   447 	margin:0 auto;
       
   448 	text-align:center;
       
   449 }
       
   450 #twikiLogin .twikiFormSteps {
       
   451 	border-width:5px;
       
   452 }
       
   453 .twikiAttachments,
       
   454 .twikiForm {
       
   455 	margin:1em 0;
       
   456 	padding:1px; /* fixes disappearing borders because of overflow:auto; in twikiForm */
       
   457 }
       
   458 .twikiTable h2, .twikiFormTable h2,
       
   459 .twikiTable h3, .twikiFormTable h3,
       
   460 .twikiTable h4, .twikiFormTable h4,
       
   461 .twikiTable h5, .twikiFormTable h5,
       
   462 .twikiTable h6, .twikiFormTable h6 {
       
   463 	border:0;
       
   464 	margin-top:0;
       
   465 	margin-bottom:0;
       
   466 }
       
   467 .twikiFormTable th {
       
   468 	font-weight:normal;
       
   469 }
       
   470 .twikiFormTable .twikiTable th {
       
   471 	font-weight:bold;
       
   472 }
       
   473 .patternEditPage .twikiFormTable td,
       
   474 .patternEditPage .twikiFormTable th {
       
   475 	padding:.3em .4em;
       
   476 	border-style:solid;
       
   477 	border-width:0 0 1px 0;
       
   478 	vertical-align:middle;
       
   479 }
       
   480 
       
   481 .patternContent .twikiAttachments,
       
   482 .patternContent .twikiForm {
       
   483 	/* form or attachment table inside topic area */
       
   484 	font-size:94%; /*S2*/
       
   485 	padding:1em 20px; /*S5*/ /* top:use less padding for the toggle link; bottom:use less space in case the table is folded in  */
       
   486 	border-width:1px 0 0 0;
       
   487 	border-style:solid;
       
   488 	margin:0;
       
   489 }
       
   490 .twikiAttachments table,
       
   491 table.twikiFormTable {
       
   492 	margin:5px 0;
       
   493 	border-collapse:collapse;
       
   494 	padding:0px;
       
   495 	border-spacing:0px;
       
   496 	empty-cells:show;
       
   497 	border-style:solid;
       
   498 	border-width:1px;
       
   499 }
       
   500 .twikiAttachments table {
       
   501 	line-height:1.5em; /*S1*/
       
   502 	width:auto;
       
   503 	voice-family:"\"}\""; /* hide the following for Explorer 5.x */
       
   504 	voice-family:inherit;
       
   505 	width:100%;
       
   506 }
       
   507 .twikiAttachments th {
       
   508 	border-style:none none solid solid;
       
   509 	border-width:1px;
       
   510 }
       
   511 .twikiAttachments th,
       
   512 table.twikiFormTable th.twikiFormTableHRow {
       
   513 	padding:3px 6px;
       
   514 	height:2.5em;
       
   515 	vertical-align:middle;
       
   516 }
       
   517 table.twikiFormTable th.twikiFormTableHRow {
       
   518 	text-align:center;
       
   519 }
       
   520 .twikiFormTableFooter {}
       
   521 .twikiAttachments td,
       
   522 table.twikiFormTable td {
       
   523 	padding:3px 6px;
       
   524 	height:1.5em; /*S1*/
       
   525 	text-align:left;
       
   526 	vertical-align:top;
       
   527 }
       
   528 .twikiAttachments th.twikiFirstCol,
       
   529 .twikiAttachments td.twikiFirstCol {
       
   530 	/* make more width for the icon column */
       
   531 	width:26px;
       
   532 	text-align:center;
       
   533 }
       
   534 .twikiAttachments caption {
       
   535 	display:none;
       
   536 }
       
   537 table.twikiFormTable th.twikiFormTableHRow a:link,
       
   538 table.twikiFormTable th.twikiFormTableHRow a:visited {
       
   539 	text-decoration:none;
       
   540 }
       
   541 .twikiAttachments .twistyTrigger .twikiLinkLabel {
       
   542 	font-size:122%; /* h4 size */
       
   543 	font-weight:bold;
       
   544 }
       
   545 .patternAttachmentCount {
       
   546 	font-weight:normal;
       
   547 }
       
   548 .twikiFormSteps {
       
   549 	text-align:left;
       
   550 	border-width:1px 0 0 0;
       
   551 	border-style:solid;
       
   552 }
       
   553 .twikiFormStep {
       
   554 	line-height:140%;
       
   555 	padding:1em 40px;
       
   556 	border-width:0 0 1px 0;
       
   557 	border-style:solid;
       
   558 }
       
   559 .twikiFormStep h2,
       
   560 .twikiFormStep h3,
       
   561 .twikiFormStep h4 {
       
   562 	border:none;
       
   563 	margin:0;
       
   564 	padding:0;
       
   565 	background:none;
       
   566 }
       
   567 .twikiFormStep h2 {
       
   568 	font-size:130%;
       
   569 	font-weight:bold;
       
   570 }
       
   571 .twikiFormStep h3 {
       
   572 	font-size:115%;
       
   573 	font-weight:bold;
       
   574 }
       
   575 .twikiFormStep h4 {
       
   576 	font-size:104%;
       
   577 	font-weight:bold;
       
   578 }
       
   579 .twikiFormStep p {
       
   580 	margin:.35em 0;
       
   581 }
       
   582 .twikiFormStep blockquote {
       
   583 	margin-left:1em;
       
   584 	padding-top:.25em;
       
   585 	padding-bottom:.25em;
       
   586 }
       
   587 .twikiActionFormStepSign {
       
   588 	position:absolute;
       
   589 	font-size:104%;
       
   590 	margin-left:-20px; /* half of S5 */
       
   591 	margin-top:-.15em;
       
   592 }
       
   593 .twikiToc {
       
   594 	margin:1em 0;
       
   595 	padding:.3em 0 .6em 0;
       
   596 }
       
   597 .twikiToc ul {
       
   598 	list-style:none;
       
   599 	padding:0 0 0 .5em;
       
   600 	margin:0;
       
   601 }
       
   602 .twikiToc li {
       
   603 	margin-left:1em;
       
   604 	padding-left:1em;
       
   605 	background-repeat:no-repeat;
       
   606 	background-position:0 .5em;
       
   607 }
       
   608 .twikiToc .twikiTocTitle {
       
   609 	margin:0;
       
   610 	padding:0;
       
   611 	font-weight:bold;
       
   612 }
       
   613 
       
   614 .twikiSmall {
       
   615 	font-size:86%; /*S3*/
       
   616 	line-height:125%;
       
   617 }
       
   618 .twikiSmallish {
       
   619 	font-size:94%; /*S2*/
       
   620 	line-height:125%;
       
   621 }
       
   622 .twikiNew {}
       
   623 .twikiSummary {
       
   624 	font-size:86%; /*S3*/
       
   625 	line-height:110%;
       
   626 }
       
   627 .twikiEmulatedLink {
       
   628 	text-decoration:underline;
       
   629 }
       
   630 .twikiPageForm table {
       
   631 	border-width:1px;
       
   632 	border-style:solid;
       
   633 }
       
   634 .twikiPageForm table {
       
   635 	width:100%;
       
   636 }
       
   637 .twikiPageForm th,
       
   638 .twikiPageForm td {
       
   639 	border:0;
       
   640 	padding:.5em 1em;
       
   641 }
       
   642 .twikiPageForm td {}
       
   643 .twikiPageForm td.first {
       
   644 	padding-top:1em;
       
   645 }
       
   646 .twikiBroadcastMessage,
       
   647 .twikiNotification {
       
   648 	padding:.5em 20px; /*S5*/
       
   649 }
       
   650 .twikiNotification {
       
   651 	margin:1em 0;
       
   652 }
       
   653 .twikiBroadcastMessage {
       
   654 	margin:0 0 1.25em 0;
       
   655 	border-width:1px;
       
   656 	border-style:solid none;
       
   657 }
       
   658 .twikiHelp {
       
   659 	height:1%; /* for IE */
       
   660 	padding:1em;
       
   661 	margin:0 0 -1px 0;
       
   662 }
       
   663 .twikiHelp ul {
       
   664 	margin:0;
       
   665 	padding-left:20px;
       
   666 }
       
   667 .twikiAccessKey {
       
   668 	text-decoration:none;
       
   669 	border-width:0 0 1px 0;
       
   670 	border-style:solid;
       
   671 }
       
   672 .twikiWebIndent {
       
   673 	margin:0 0 0 1em;
       
   674 }
       
   675 a.twikiLinkInHeaderRight {
       
   676 	float:right;
       
   677 	display:block;
       
   678 	margin:0 0 0 5px;
       
   679 }
       
   680 .twikiLinkLabel {}
       
   681 .twikiImage img {
       
   682 	padding:3px;
       
   683 	border-width:1px;
       
   684 	border-style:solid;
       
   685 }
       
   686 .twikiImage a:link,
       
   687 .twikiImage a:visited {
       
   688 	background:none;
       
   689 }
       
   690 #twikiLogo img {
       
   691 	margin:0;
       
   692 	padding:0;
       
   693 }
       
   694 .twikiNoBreak {
       
   695 	white-space:nowrap;
       
   696 }
       
   697 
       
   698 /*	-----------------------------------------------------------
       
   699 	Pattern skin specific elements
       
   700 	-----------------------------------------------------------	*/
       
   701 
       
   702 /* LAYOUT ELEMENTS */
       
   703 /* for specific layout sub-elements see further down */
       
   704 
       
   705 #patternPage {
       
   706 	font-family:arial, verdana, sans-serif;
       
   707 	line-height:1.5em; /*S1*/
       
   708 	/* change font size here */
       
   709 	font-size:105%;
       
   710 }
       
   711 #patternTopBar {
       
   712 	border-width:1px;
       
   713 	border-style:none none solid none;
       
   714 }
       
   715 #patternBottomBar {
       
   716 	border-width:1px 0 0 0;
       
   717 	border-style:solid;
       
   718 }
       
   719 #patternBottomBarContents {}
       
   720 #patternWebBottomBar {
       
   721 	font-size:94%; /*S2*/
       
   722 	line-height:125%;
       
   723 	text-align:left;
       
   724 }
       
   725 #patternLeftBarContents {
       
   726 	margin:0 0 1em 0;
       
   727 	padding-right:.5em;
       
   728 	padding-left:1em;
       
   729 	 /* bottom padding is set in colors.css for the reflection image */
       
   730 }
       
   731 
       
   732 /* top paddings */
       
   733 #patternMainContents,
       
   734 #patternBottomBarContents,
       
   735 #patternLeftBarContents {
       
   736 	padding-top:1em;
       
   737 }
       
   738 .patternNoViewPage #patternMainContents {
       
   739 	padding-top:1.5em;
       
   740 }
       
   741 
       
   742 /* right paddings */
       
   743 #patternMainContents,
       
   744 #patternTopBarContents,
       
   745 #patternBottomBarContents {
       
   746 	padding-right:2.5em;
       
   747 }
       
   748 
       
   749 
       
   750 /* left paddings */
       
   751 #patternTopBarContents {
       
   752 	padding-left:1em; /*S6*/
       
   753 }
       
   754 #patternMainContents {
       
   755 	padding-left:2.5em;
       
   756 }
       
   757 #patternBottomBarContents {
       
   758 	padding-left:2.5em;
       
   759 }
       
   760 
       
   761 /* bottom paddings */
       
   762 #patternMainContents,
       
   763 #patternBottomBarContents {
       
   764 	padding-bottom:2em;
       
   765 }
       
   766 
       
   767 .patternTopic {
       
   768 	margin:.5em 0 2em 0;
       
   769 }
       
   770 .patternViewPage #patternBottomBarContents {
       
   771 	padding-left:1em; /*S6*/
       
   772 }
       
   773 .patternNoViewPage #patternMainContents,
       
   774 .patternNoViewPage #patternBottomBarContents {
       
   775 	margin-left:4%;
       
   776 	margin-right:4%;
       
   777 }
       
   778 .patternEditPage #patternMainContents,
       
   779 .patternEditPage #patternBottomBarContents {
       
   780 	margin-left:2%;
       
   781 	margin-right:2%;
       
   782 }
       
   783 
       
   784 #patternLeftBarContents {}
       
   785 #patternLeftBarContents img {
       
   786 	margin:0 3px 0 0;
       
   787 	vertical-align:text-bottom;
       
   788 }
       
   789 #patternLeftBarContents a:link,
       
   790 #patternLeftBarContents a:visited {
       
   791 	text-decoration:none;
       
   792 }
       
   793 #patternLeftBarContents ul {
       
   794 	padding:0;
       
   795 	margin:0;
       
   796 	list-style:none;
       
   797 }
       
   798 #patternLeftBarContents h2 {
       
   799 	border:none;
       
   800 	background-color:transparent;
       
   801 }
       
   802 #patternLeftBarContents .patternLeftBarPersonal,
       
   803 #patternLeftBarContents .patternWebIndicator {
       
   804 	padding:0 1em .75em 1em;
       
   805 	margin:0 -1em .75em -1em; /*S6*/
       
   806 }
       
   807 .patternWebIndicator a {
       
   808 	font-size:1.1em;
       
   809 	font-weight:bold;
       
   810 }
       
   811 
       
   812 #patternLeftBarContents li {
       
   813 	overflow:hidden;
       
   814 }
       
   815 html>body #patternLeftBarContents li { /* Mozilla */
       
   816 	overflow:visible;
       
   817 }
       
   818 
       
   819 /* form options in top bar */
       
   820 .patternMetaMenu input,
       
   821 .patternMetaMenu select,
       
   822 .patternMetaMenu select option {
       
   823 	margin:0;
       
   824 }
       
   825 .patternMetaMenu select option {
       
   826 	padding:1px 0 0 0;
       
   827 }
       
   828 .patternMetaMenu ul {
       
   829     padding:0;
       
   830     margin:0;
       
   831    	list-style:none;
       
   832 }
       
   833 .patternMetaMenu ul li {
       
   834     padding:0;
       
   835 	display:inline;
       
   836 }
       
   837 .patternMetaMenu ul li .twikiInputField,
       
   838 .patternMetaMenu ul li .twikiSelect {
       
   839 	margin:0 0 0 .5em;
       
   840 }
       
   841 
       
   842 .patternHomePath a:link,
       
   843 .patternHomePath a:visited {
       
   844 	text-decoration:none;
       
   845 	border-style:none none solid none;
       
   846 	border-width:1px;
       
   847 }
       
   848 
       
   849 .patternToolBar {
       
   850 }
       
   851 .patternToolBar .patternButton {
       
   852 	float:left;
       
   853 }
       
   854 .patternToolBar .patternButton s,
       
   855 .patternToolBar .patternButton strike,
       
   856 .patternToolBar .patternButton a:link,
       
   857 .patternToolBar .patternButton a:visited {
       
   858 	display:block;
       
   859 	border-width:1px;
       
   860 	border-style:solid;
       
   861 	padding:.1em .35em;
       
   862 	margin:-.2em 0 .2em .25em;
       
   863 	font-weight:bold;
       
   864 }
       
   865 .patternToolBar .patternButton a:link,
       
   866 .patternToolBar .patternButton a:visited {
       
   867 	text-decoration:none;
       
   868 	outline:none;
       
   869 }
       
   870 .patternToolBar .patternButton a:hover,
       
   871 .patternToolBar .patternButton a:hover {
       
   872 	border-width:1px;
       
   873 	border-style:solid;
       
   874 }
       
   875 .patternToolBar .patternButton a:active {
       
   876 	outline:none;
       
   877 }
       
   878 .patternToolBar a:hover .twikiAccessKey {
       
   879 	border-width:0 0 1px 0;
       
   880 	border-style:solid;
       
   881 }
       
   882 .patternToolBar .patternButton s,
       
   883 .patternToolBar .patternButton strike {
       
   884 	text-decoration:none;
       
   885 }
       
   886 
       
   887 .patternTopicActions {
       
   888 	border-width:0 0 1px 0;
       
   889 	border-style:solid;
       
   890 }
       
   891 .patternTopicAction {
       
   892 	line-height:1.5em;
       
   893 	padding:.4em 20px; /*S5*/
       
   894 	border-width:1px 0 0 0;
       
   895 	border-style:solid;
       
   896 	height:1%; /* for IE */
       
   897 }
       
   898 .patternOopsPage .patternTopicActions,
       
   899 .patternEditPage .patternTopicActions {
       
   900 	margin:1em 0 0 0;
       
   901 }
       
   902 .patternAttachPage .patternTopicAction,
       
   903 .patternRenamePage .patternTopicAction {
       
   904 	padding-left:40px;
       
   905 }
       
   906 .patternActionButtons a:link,
       
   907 .patternActionButtons a:visited {
       
   908 	padding:1px 1px 2px 1px;
       
   909 }
       
   910 .patternTopicAction .patternActionButtons a:link,
       
   911 .patternTopicAction .patternActionButtons a:visited {
       
   912 	text-decoration:none;
       
   913 }
       
   914 .patternTopicAction .patternActionButtons .patternButton s,
       
   915 .patternTopicAction .patternActionButtons .patternButton strike {
       
   916 	text-decoration:none;
       
   917 }
       
   918 .patternTopicAction .patternSaveOptions {
       
   919 	margin-top:.5em;
       
   920 }
       
   921 .patternTopicAction .patternSaveOptions .patternSaveOptionsContents {
       
   922 	padding:.2em 0;
       
   923 }
       
   924 .patternNoViewPage .patternTopicAction {
       
   925 	margin-top:-1px;
       
   926 }
       
   927 .patternInfo {
       
   928 	margin:1.5em 0 0 0;
       
   929 }
       
   930 .patternHomePath .patternRevInfo {
       
   931 	font-size:94%;
       
   932 }
       
   933 .patternMoved {
       
   934 	margin:1em 0;
       
   935 }
       
   936 .patternMoved i,
       
   937 .patternMoved em {
       
   938 	font-style:normal;
       
   939 }
       
   940 .patternTopicFooter {
       
   941 	margin:1em 0 0 0;
       
   942 }
       
   943 
       
   944 /* WebSearch, WebSearchAdvanced */
       
   945 #twikiSearchTable {
       
   946 	background:none;
       
   947 	border-bottom:0;
       
   948 } 
       
   949 #twikiSearchTable th,
       
   950 #twikiSearchTable td {
       
   951 	padding:1em;
       
   952 	border-width:0 0 1px 0;
       
   953 	border-style:solid;
       
   954 } 
       
   955 #twikiSearchTable th {
       
   956 	width:20%;
       
   957 	text-align:right;
       
   958 }
       
   959 #twikiSearchTable td {
       
   960 	width:80%;
       
   961 }
       
   962 
       
   963 /*	-----------------------------------------------------------
       
   964 	Search results
       
   965 	styles and overridden styles used in search.pattern.tmpl
       
   966 	-----------------------------------------------------------	*/
       
   967 
       
   968 .patternSearchResults {
       
   969 	/* no longer used in search.pattern.tmpl, but remains in rename templates */
       
   970 	margin:0 0 1em 0;
       
   971 }
       
   972 .patternSearchResults blockquote {
       
   973 	margin:1em 0 1em 5em;
       
   974 }
       
   975 h3.patternSearchResultsHeader,
       
   976 h4.patternSearchResultsHeader {
       
   977 	display:block;
       
   978 	border-width:0 0 1px 0;
       
   979 	border-style:solid;
       
   980 	height:1%; /* or WIN/IE wont draw the backgound */
       
   981 	font-weight:bold;
       
   982 }
       
   983 .patternSearchResults h3 {
       
   984 	font-size:115%; /* same as twikiFormStep */
       
   985 	margin:0;
       
   986 	padding:.5em 40px; /*S5*/
       
   987 	font-weight:bold;
       
   988 }
       
   989 h4.patternSearchResultsHeader {
       
   990 	font-size:100%;
       
   991 	padding-top:.3em;
       
   992 	padding-bottom:.3em;
       
   993 	font-weight:normal;
       
   994 }
       
   995 .patternSearchResult .twikiTopRow {
       
   996 	padding-top:.2em;
       
   997 	margin-top:.1em;
       
   998 }
       
   999 .patternSearchResult .twikiBottomRow {
       
  1000 	margin-bottom:.1em;
       
  1001 	padding-bottom:.25em;
       
  1002 	border-width:0 0 1px 0;
       
  1003 	border-style:solid;
       
  1004 }
       
  1005 .patternSearchResult .twikiAlert {
       
  1006 	font-weight:bold;
       
  1007 }
       
  1008 .patternSearchResult .twikiSummary .twikiAlert {
       
  1009 	font-weight:normal;
       
  1010 }
       
  1011 .patternSearchResult .twikiNew {
       
  1012 	border-width:1px;
       
  1013 	border-style:solid;
       
  1014 	font-size:86%; /*S3*/
       
  1015 	padding:0 1px;
       
  1016 	font-weight:bold;
       
  1017 }
       
  1018 .patternSearchResults .twikiHelp {
       
  1019 	display:block;
       
  1020 	width:auto;
       
  1021 	padding:.1em 5px;
       
  1022 	margin:1em -5px .35em -5px;
       
  1023 }
       
  1024 .patternSearchResult .twikiSRAuthor {
       
  1025 	width:15%;
       
  1026 	text-align:left;
       
  1027 }
       
  1028 .patternSearchResult .twikiSRRev {
       
  1029 	width:30%;
       
  1030 	text-align:left;
       
  1031 }
       
  1032 .patternSearchResultCount {
       
  1033 	margin:1em 0 3em 0;
       
  1034 }
       
  1035 .patternSearched {
       
  1036 }
       
  1037 .patternSaveHelp {
       
  1038 	line-height:1.5em;
       
  1039 	padding:.5em 20px; /*S5*/
       
  1040 }
       
  1041 
       
  1042 /* Search results in book view format */
       
  1043 
       
  1044 .patternBookView {
       
  1045 	border-width:0 0 2px 2px;
       
  1046 	border-style:solid;
       
  1047 	/* border color in cssdynamic.pattern.tmpl */
       
  1048 	margin:.5em 0 1.5em -5px;
       
  1049 	padding:0 0 0 5px;
       
  1050 }
       
  1051 .patternBookView .twikiTopRow {
       
  1052 	padding:.25em 5px .15em 5px; /*S4*/
       
  1053 	margin:1em -5px .15em -5px; /*S4*/
       
  1054 }
       
  1055 .patternBookView .twikiBottomRow {
       
  1056 	font-size:100%;
       
  1057 	padding:1em 0 1em 0;
       
  1058 	width:auto;
       
  1059 	border:none;
       
  1060 }
       
  1061 
       
  1062 /* pages that are not view */
       
  1063 
       
  1064 /* edit.pattern.tmpl */
       
  1065 
       
  1066 .patternEditPage .twikiForm {
       
  1067 	margin:1em 0 0 0;
       
  1068 }
       
  1069 .patternEditPage .twikiForm h1,
       
  1070 .patternEditPage .twikiForm h2,
       
  1071 .patternEditPage .twikiForm h3 {
       
  1072 	/* same as twikiFormStep */
       
  1073 	font-size:120%;
       
  1074 	font-weight:bold;
       
  1075 }	
       
  1076 .twikiEditboxStyleMono {
       
  1077 	font-family:"Courier New", courier, monaco, monospace;
       
  1078 }
       
  1079 .twikiEditboxStyleProportional {
       
  1080 	font-family:arial, verdana, sans-serif;
       
  1081 }
       
  1082 .twikiChangeFormButtonHolder {
       
  1083 	float:right;
       
  1084 	margin:.5em 0 -.5em 0;
       
  1085 }
       
  1086 .twikiFormHolder { /* constrains the textarea */
       
  1087 	width:100%;
       
  1088 }
       
  1089 .patternSigLine {
       
  1090 	padding:.25em 20px;
       
  1091 	border-style:none none solid none;
       
  1092 	border-width:1px;
       
  1093 	height:1%; /* for IE */
       
  1094 }
       
  1095 .patternOopsPage .patternTopicActions,
       
  1096 .patternEditPage .patternTopicActions {
       
  1097 	margin:1em 0 0 0;
       
  1098 }
       
  1099 .patternTextareaButton {
       
  1100 	margin:0 0 0 1px;
       
  1101 	display:block;
       
  1102 	cursor:pointer;
       
  1103 	border-style:solid;
       
  1104 	border-width:1px;
       
  1105 }
       
  1106 .patternButtonFontSelector {
       
  1107 	margin:0 8px 0 0;
       
  1108 }
       
  1109 
       
  1110 /* preview.pattern.tmpl */
       
  1111 
       
  1112 .twikiPreviewArea {
       
  1113 	border-width:1px;
       
  1114 	border-style:solid;
       
  1115 	margin:0 0 2em 0;
       
  1116 	padding:1em;
       
  1117 	height:1%; /* for IE */
       
  1118 }
       
  1119 
       
  1120 /* attach.pattern.tmpl */
       
  1121 
       
  1122 .patternAttachPage .twikiAttachments table {
       
  1123 	width:auto;
       
  1124 }
       
  1125 .patternAttachPage .twikiAttachments {
       
  1126 	margin-top:0;
       
  1127 }
       
  1128 .patternMoveAttachment {
       
  1129 	margin:.5em 0 0 0;
       
  1130 	text-align:right;
       
  1131 }
       
  1132 
       
  1133 /* rdiff.pattern.tmpl */
       
  1134 
       
  1135 .patternDiff {
       
  1136 	/* same as patternBookView */
       
  1137 	border-width:0 0 2px 2px;
       
  1138 	border-style:solid;
       
  1139 	margin:.5em 0 1.5em -5px;
       
  1140 	padding:0 0 0 5px;
       
  1141 }
       
  1142 .patternDiff h4.patternSearchResultsHeader {
       
  1143 	padding:.5em;
       
  1144 }
       
  1145 .patternDiffPage .patternRevInfo ul {
       
  1146 	padding:0;
       
  1147 	margin:2em 0 0 0;
       
  1148 	list-style:none;
       
  1149 }
       
  1150 .patternDiffPage .twikiDiffTable {
       
  1151 	margin:2em 0;
       
  1152 }
       
  1153 tr.twikiDiffDebug td {
       
  1154 	border-width:1px;
       
  1155 	border-style:solid;
       
  1156 }
       
  1157 .patternDiffPage td.twikiDiffDebugLeft {
       
  1158 	border-bottom:none;
       
  1159 }
       
  1160 .patternDiffPage .twikiDiffTable th {
       
  1161 	padding:.25em .5em;
       
  1162 }
       
  1163 .patternDiffPage .twikiDiffTable td {
       
  1164 	padding:.25em;
       
  1165 }
       
  1166 .twikiDiffLineNumberHeader {
       
  1167 	padding:.3em 0;
       
  1168 }
       
  1169 
       
  1170 
       
  1171 /* PatternSkin colors */
       
  1172 /* Generated by AttachContentPlugin from TWiki.PatternSkinColorSettings */
       
  1173 
       
  1174 /* LAYOUT ELEMENTS */
       
  1175 
       
  1176 #patternTopBar {
       
  1177 	border-color:#e7e2da;
       
  1178 	background-color:#fefcf7;
       
  1179 }
       
  1180 #patternMain { /* don't set a background here; use patternOuter */ }
       
  1181 #patternOuter {
       
  1182 	background-color:#fff; /* Sets background of center col */
       
  1183 	border-color:#cfcfcf;
       
  1184 }
       
  1185 #patternLeftBar,
       
  1186 #patternWrapper {
       
  1187 	background-color:#f5f9fb;
       
  1188 }
       
  1189 #patternBottomBar {
       
  1190 	border-color:#e7e2da;
       
  1191 }
       
  1192 #patternBottomBarContents,
       
  1193 #patternBottomBarContents a:link,
       
  1194 #patternBottomBarContents a:visited {
       
  1195 	color:#777;
       
  1196 }
       
  1197 #patternBottomBarContents a:hover {
       
  1198 	color:#fff;
       
  1199 }
       
  1200 
       
  1201 /* GENERAL HTML ELEMENTS */
       
  1202 
       
  1203 html body {
       
  1204 	background-color:#fff;
       
  1205 	color:#000;
       
  1206 }
       
  1207 /* be kind to netscape 4 that doesn't understand inheritance */
       
  1208 body, p, li, ul, ol, dl, dt, dd, acronym, h1, h2, h3, h4, h5, h6 {
       
  1209 	background-color:transparent;
       
  1210 }
       
  1211 hr {
       
  1212 	color:#e7e2da;
       
  1213 	background-color:#e7e2da;
       
  1214 }
       
  1215 pre, code, tt {
       
  1216 	color:#7A4707;
       
  1217 }
       
  1218 blockquote {
       
  1219 	background-color:#f1f6fa;
       
  1220 }
       
  1221 .patternRenamePage blockquote,
       
  1222 .patternPrintPage blockquote {
       
  1223 	border-color:#ddd;
       
  1224 }
       
  1225 blockquote h2 {
       
  1226 	background:none;
       
  1227 }
       
  1228 h1, h2, h3, h4, h5, h6 {
       
  1229 	color:#800;
       
  1230 }
       
  1231 h2 {
       
  1232 	background-color:#fdfaf2;
       
  1233 	border-color:#e7e2da;
       
  1234 }
       
  1235 h3, h4, h5, h6 {
       
  1236 	border-color:#e7e2da;
       
  1237 }
       
  1238 /* to override old Render.pm coded font color style */
       
  1239 .twikiNewLink font {
       
  1240 	color:inherit;
       
  1241 }
       
  1242 .twikiNewLink a:link sup,
       
  1243 .twikiNewLink a:visited sup {
       
  1244 	color:#777;
       
  1245 	border-color:#ddd;
       
  1246 }
       
  1247 .twikiNewLink a:hover sup {
       
  1248 	background-color:#d6000f;
       
  1249 	color:#fff;
       
  1250 	border-color:#d6000f;
       
  1251 }
       
  1252 .twikiNewLink {
       
  1253 	border-color:#ddd;
       
  1254 }
       
  1255 :link:focus,
       
  1256 :visited:focus,
       
  1257 :link,
       
  1258 :visited,
       
  1259 :link:active,
       
  1260 :visited:active {
       
  1261 	color:#4571d0;
       
  1262 	background-color:transparent;
       
  1263 }
       
  1264 :link:hover,
       
  1265 :visited:hover {
       
  1266 	color:#fff;
       
  1267 	background-color:#d6000f;
       
  1268 	background-image:none;
       
  1269 }
       
  1270 :link:hover img,
       
  1271 :visited:hover img {
       
  1272 	background-color:transparent;
       
  1273 }
       
  1274 .patternTopic a:visited {
       
  1275 	color:#666;
       
  1276 }
       
  1277 .patternTopic a:hover {
       
  1278 	color:#fff;
       
  1279 }
       
  1280 #patternMainContents h1 a:link, #patternMainContents h1 a:visited,
       
  1281 #patternMainContents h2 a:link, #patternMainContents h2 a:visited,
       
  1282 #patternMainContents h3 a:link, #patternMainContents h3 a:visited,
       
  1283 #patternMainContents h4 a:link, #patternMainContents h4 a:visited,
       
  1284 #patternMainContents h5 a:link, #patternMainContents h5 a:visited,
       
  1285 #patternMainContents h6 a:link, #patternMainContents h6 a:visited {
       
  1286 	color:#800;
       
  1287 }
       
  1288 #patternMainContents h1 a:hover,
       
  1289 #patternMainContents h2 a:hover,
       
  1290 #patternMainContents h3 a:hover,
       
  1291 #patternMainContents h4 a:hover,
       
  1292 #patternMainContents h5 a:hover,
       
  1293 #patternMainContents h6 a:hover {
       
  1294 	color:#fff;
       
  1295 }
       
  1296 .patternTopic .twikiUnvisited a:visited {
       
  1297 	color:#4571d0;
       
  1298 }
       
  1299 .patternTopic .twikiUnvisited a:hover {
       
  1300 	color:#fff;
       
  1301 }
       
  1302 
       
  1303 
       
  1304 
       
  1305 /*	-----------------------------------------------------------
       
  1306 	Plugin elements
       
  1307 	-----------------------------------------------------------	*/
       
  1308 
       
  1309 /* TablePlugin */
       
  1310 .twikiTable,
       
  1311 .twikiTable td {
       
  1312 	border-color:#e7e2da;
       
  1313 }
       
  1314 .twikiTable th {
       
  1315 	border-color:#e7e2da #fff;
       
  1316 }
       
  1317 .twikiTable th a:link,
       
  1318 .twikiTable th a:visited,
       
  1319 .twikiTable th a font {
       
  1320 	color:#fff;
       
  1321 }
       
  1322 
       
  1323 /* TwistyContrib */
       
  1324 .twistyPlaceholder {
       
  1325 	color:#777;
       
  1326 }
       
  1327 a:hover.twistyTrigger {
       
  1328 	color:#fff;
       
  1329 }
       
  1330 
       
  1331 /* TipsContrib */
       
  1332 .tipsOfTheDay {
       
  1333 	background-color:#fff9d1;
       
  1334 }
       
  1335 
       
  1336 /* RevCommentPlugin */
       
  1337 .revComment .patternTopicAction {
       
  1338 	background-color:#fefcf6;
       
  1339 }
       
  1340 
       
  1341 /*	-----------------------------------------------------------
       
  1342 	TWiki styles
       
  1343 	-----------------------------------------------------------	*/
       
  1344 
       
  1345 .twikiGrayText {
       
  1346 	color:#777;
       
  1347 }
       
  1348 .twikiGrayText a:link,
       
  1349 .twikiGrayText a:visited {
       
  1350 	color:#777;
       
  1351 }
       
  1352 .twikiGrayText a:hover {
       
  1353 	color:#fff;
       
  1354 }
       
  1355 
       
  1356 table.twikiFormTable th.twikiFormTableHRow,
       
  1357 table.twikiFormTable td.twikiFormTableRow {
       
  1358 	color:#777;
       
  1359 }
       
  1360 .twikiEditForm {
       
  1361 	color:#000;
       
  1362 }
       
  1363 .twikiEditForm .twikiFormTable,
       
  1364 .twikiEditForm .twikiFormTable th,
       
  1365 .twikiEditForm .twikiFormTable td {
       
  1366 	border-color:#e7e2da;
       
  1367 }
       
  1368 /* use a different table background color mix: no odd/even rows, no white background */
       
  1369 .twikiEditForm .twikiFormTable td  {
       
  1370 	background-color:#f7fafc;
       
  1371 }
       
  1372 .twikiEditForm .twikiFormTable th {
       
  1373 	background-color:#f0f6fb;
       
  1374 }
       
  1375 .patternContent .twikiAttachments,
       
  1376 .patternContent .twikiForm {
       
  1377 	background-color:#fefcf6;
       
  1378 	border-color:#e7e2da;
       
  1379 }
       
  1380 .twikiAttachments table,
       
  1381 table.twikiFormTable {
       
  1382 	border-color:#e7e2da;
       
  1383 	background-color:#fff;
       
  1384 }
       
  1385 .twikiAttachments table {
       
  1386 	background-color:#fff;
       
  1387 }
       
  1388 .twikiAttachments td, 
       
  1389 .twikiAttachments th {
       
  1390 	border-color:#e7e2da;
       
  1391 }
       
  1392 .twikiAttachments .twikiTable th font,
       
  1393 table.twikiFormTable th.twikiFormTableHRow font {
       
  1394 	color:#4571d0;
       
  1395 }
       
  1396 
       
  1397 .twikiFormSteps {
       
  1398 	background-color:#f1f6fa;
       
  1399 	border-color:#d9e8ef;
       
  1400 }
       
  1401 .twikiFormStep {
       
  1402 	border-color:#d9e8ef;
       
  1403 }
       
  1404 .twikiFormStep h3,
       
  1405 .twikiFormStep h4 {
       
  1406 	color:#777;
       
  1407 }
       
  1408 .twikiFormStep h3,
       
  1409 .twikiFormStep h4 {
       
  1410 	background-color:transparent;
       
  1411 }
       
  1412 .twikiActionFormStepSign {
       
  1413 	color:#4571d0;
       
  1414 }
       
  1415 .twikiToc .twikiTocTitle {
       
  1416 	color:#777;
       
  1417 }
       
  1418 .twikiBroadcastMessage {
       
  1419 	background-color:#fff9d1;
       
  1420 	border-color:#ffdf4c;
       
  1421 }
       
  1422 .twikiNotification {
       
  1423 	background-color:#fff9d1;
       
  1424 }
       
  1425 .twikiHelp {
       
  1426 	background-color:#fff9d1;
       
  1427 }
       
  1428 .twikiBroadcastMessage b,
       
  1429 .twikiBroadcastMessage strong {
       
  1430 	color:#f00;
       
  1431 }
       
  1432 .twikiAlert,
       
  1433 .twikiAlert code {
       
  1434 	color:#f00;
       
  1435 }
       
  1436 .twikiEmulatedLink {
       
  1437 	color:#4571d0;
       
  1438 }
       
  1439 .twikiPageForm table {
       
  1440 	border-color:#e7e2da;
       
  1441 	background:#fff;
       
  1442 }
       
  1443 .twikiPageForm hr {
       
  1444 	border-color:#cfcfcf;
       
  1445 	background-color:#cfcfcf;
       
  1446 	color:#cfcfcf;
       
  1447 }
       
  1448 .twikiAccessKey {
       
  1449 	color:inherit;
       
  1450 	border-color:#777;
       
  1451 }
       
  1452 a:link .twikiAccessKey,
       
  1453 a:visited .twikiAccessKey {
       
  1454 	color:inherit;
       
  1455 }
       
  1456 a:hover .twikiAccessKey {
       
  1457 	color:inherit;
       
  1458 }
       
  1459 .twikiImage img {
       
  1460 	border-color:#eee;
       
  1461 	background-color:#fff;
       
  1462 }
       
  1463 #patternTopBar .twikiImage img {
       
  1464 	background-color:transparent;
       
  1465 }
       
  1466 .twikiImage a:hover img {
       
  1467 	border-color:#d6000f;
       
  1468 }
       
  1469 
       
  1470 /*	-----------------------------------------------------------
       
  1471 	Pattern skin specific elements
       
  1472 	-----------------------------------------------------------	*/
       
  1473 #patternPage {
       
  1474 	background-color:#fff;
       
  1475 }
       
  1476 .patternHomePath a:link,
       
  1477 .patternHomePath a:visited {
       
  1478 	border-color:#ddd;
       
  1479 	color:#666;
       
  1480 }
       
  1481 .patternTop a:hover {
       
  1482 	border:none;
       
  1483 	color:#fff;
       
  1484 }
       
  1485 .patternHomePath .patternRevInfo,
       
  1486 .patternHomePath .patternRevInfo a:link,
       
  1487 .patternHomePath .patternRevInfo a:visited {
       
  1488 	color:#777;
       
  1489 }
       
  1490 .patternHomePath .patternRevInfo a:hover {
       
  1491 	color:#fff;
       
  1492 }
       
  1493 
       
  1494 /* Left bar */
       
  1495 #patternLeftBarContents {
       
  1496 	color:#000;
       
  1497 }
       
  1498 #patternLeftBarContents hr {
       
  1499 	color:#d9e8ef;
       
  1500 	background-color:#d9e8ef;
       
  1501 }
       
  1502 #patternLeftBarContents a:link,
       
  1503 #patternLeftBarContents a:visited {
       
  1504 	color:#555;
       
  1505 }
       
  1506 #patternLeftBarContents a:hover {
       
  1507 	color:#fff;
       
  1508 }
       
  1509 #patternLeftBarContents .patternLeftBarPersonal a:link,
       
  1510 #patternLeftBarContents .patternLeftBarPersonal a:visited {
       
  1511 	color:#4571d0;
       
  1512 }
       
  1513 #patternLeftBarContents .patternLeftBarPersonal a:hover {
       
  1514 	color:#fff;
       
  1515 }
       
  1516 
       
  1517 .patternTopicActions {
       
  1518 	border-color:#e7e2da;
       
  1519 	background-color:#fdfaf2;
       
  1520 	color:#777;
       
  1521 }
       
  1522 .patternTopicAction {
       
  1523 	border-color:#e7e2da;
       
  1524 }
       
  1525 .patternTopicAction s,
       
  1526 .patternTopicAction strike {
       
  1527 	color:#aaa;
       
  1528 }
       
  1529 .patternTopicAction .twikiSeparator {
       
  1530 	color:#e7e2da;
       
  1531 }
       
  1532 .patternActionButtons a:link,
       
  1533 .patternActionButtons a:visited {
       
  1534 	color:#be000a;
       
  1535 }
       
  1536 .patternActionButtons a:hover {
       
  1537 	color:#fff;
       
  1538 }
       
  1539 .patternTopicAction .twikiAccessKey {
       
  1540 	color:#be000a;
       
  1541 	border-color:#be000a;
       
  1542 }
       
  1543 .patternTopicAction a:hover .twikiAccessKey {
       
  1544 	color:#fff;
       
  1545 }
       
  1546 .patternTopicAction label {
       
  1547 	color:#000;
       
  1548 }
       
  1549 .patternHelpCol {
       
  1550 	color:#777;
       
  1551 }
       
  1552 .patternSigLine {
       
  1553 	color:#777;
       
  1554 }
       
  1555 .patternToolBar a:link .twikiAccessKey,
       
  1556 .patternToolBar a:visited .twikiAccessKey {
       
  1557 	color:inherit;
       
  1558 	border-color:#666;
       
  1559 }
       
  1560 .patternToolBar a:hover .twikiAccessKey {
       
  1561 	background-color:transparent;
       
  1562 	color:inherit;
       
  1563 	border-color:#666;
       
  1564 }
       
  1565 .patternSaveHelp {
       
  1566 	background-color:#fff;
       
  1567 }
       
  1568 
       
  1569 /* WebSearch, WebSearchAdvanced */
       
  1570 table#twikiSearchTable {
       
  1571 	border-color:#d9e8ef;
       
  1572 }
       
  1573 table#twikiSearchTable th,
       
  1574 table#twikiSearchTable td {
       
  1575 	background-color:#fff;
       
  1576 	border-color:#d9e8ef;
       
  1577 }
       
  1578 table#twikiSearchTable hr {
       
  1579 	border-color:#d9e8ef;
       
  1580 	background-color:#d9e8ef;
       
  1581 }
       
  1582 table#twikiSearchTable th {
       
  1583 	color:#000;
       
  1584 }
       
  1585 
       
  1586 /*	-----------------------------------------------------------
       
  1587 	Search results
       
  1588 	styles and overridden styles used in search.pattern.tmpl
       
  1589 	-----------------------------------------------------------	*/
       
  1590 
       
  1591 h3.patternSearchResultsHeader,
       
  1592 h4.patternSearchResultsHeader {
       
  1593 	background-color:#fefcf6;
       
  1594 	border-color:#e7e2da;
       
  1595 }
       
  1596 h4.patternSearchResultsHeader {
       
  1597 	color:#000;
       
  1598 }
       
  1599 .patternNoViewPage h4.patternSearchResultsHeader {
       
  1600 	color:#800;
       
  1601 }
       
  1602 .patternSearchResult .twikiBottomRow {
       
  1603 	border-color:#e7e2da;
       
  1604 }
       
  1605 .patternSearchResult .twikiAlert {
       
  1606 	color:#f00;
       
  1607 }
       
  1608 .patternSearchResult .twikiSummary .twikiAlert {
       
  1609 	color:#900;
       
  1610 }
       
  1611 .patternSearchResult .twikiNew {
       
  1612 	background-color:#ECFADC;
       
  1613 	border-color:#049804;
       
  1614 	color:#049804;
       
  1615 }
       
  1616 .patternViewPage .patternSearchResultsBegin {
       
  1617 	border-color:#e7e2da;
       
  1618 }
       
  1619 
       
  1620 /* Search results in book view format */
       
  1621 
       
  1622 .patternBookView .twikiTopRow {
       
  1623 	background-color:transparent; /* set to WEBBGCOLOR in css.pattern.tmpl */
       
  1624 	color:#777;
       
  1625 }
       
  1626 .patternBookView .twikiBottomRow {
       
  1627 	border-color:#e7e2da;
       
  1628 }
       
  1629 .patternBookView .patternSearchResultCount {
       
  1630 	color:#777;
       
  1631 }
       
  1632 
       
  1633 /* edit.pattern.tmpl */
       
  1634 
       
  1635 .patternEditPage .patternSigLine {
       
  1636 	background-color:#fefcf6;
       
  1637 	border-color:#e7e2da;
       
  1638 }
       
  1639 
       
  1640 /* preview.pattern.tmpl */
       
  1641 
       
  1642 .twikiPreviewArea {
       
  1643 	border-color:#f00;
       
  1644 	background-color:#fff;
       
  1645 }
       
  1646 
       
  1647 /* rdiff.pattern.tmpl */
       
  1648 
       
  1649 .patternDiff {
       
  1650 	border-color:#6b7f93;
       
  1651 }
       
  1652 .patternDiff h4.patternSearchResultsHeader {
       
  1653 	background-color:#6b7f93;
       
  1654 	color:#fff;
       
  1655 }
       
  1656 .patternDiff h4.patternSearchResultsHeader a:link,
       
  1657 .patternDiff h4.patternSearchResultsHeader a:visited {
       
  1658 	color:#fff;
       
  1659 }
       
  1660 tr.twikiDiffDebug td {
       
  1661 	border-color:#e7e2da;
       
  1662 }
       
  1663 .patternDiffPage .twikiDiffTable th {
       
  1664 	background-color:#ccc;
       
  1665 }
       
  1666 /* Changed */
       
  1667 .twikiDiffChangedHeader,
       
  1668 tr.twikiDiffDebug .twikiDiffChangedText,
       
  1669 tr.twikiDiffDebug .twikiDiffChangedText {
       
  1670 	background:#9f9; /* green - do not change */
       
  1671 }
       
  1672 /* Deleted */
       
  1673 .twikiDiffDeletedHeader,
       
  1674 tr.twikiDiffDebug .twikiDiffDeletedMarker,
       
  1675 tr.twikiDiffDebug .twikiDiffDeletedText {
       
  1676 	background-color:#f99; /* red - do not change */
       
  1677 }
       
  1678 /* Added */
       
  1679 .twikiDiffAddedHeader,
       
  1680 tr.twikiDiffDebug .twikiDiffAddedMarker,
       
  1681 tr.twikiDiffDebug .twikiDiffAddedText {
       
  1682 	background-color:#ccf; /* violet - do not change */
       
  1683 }
       
  1684 /* Unchanged */
       
  1685 tr.twikiDiffDebug .twikiDiffUnchangedText {
       
  1686 	color:#777;
       
  1687 }
       
  1688 .twikiDiffUnchangedTextContents { }
       
  1689 .twikiDiffLineNumberHeader {
       
  1690 	background-color:#ccc;
       
  1691 }
       
  1692 
       
  1693 
       
  1694 /*	----------------------------------------------------------------------- */
       
  1695 /* configure styles */
       
  1696 /*	----------------------------------------------------------------------- */
       
  1697 
       
  1698 #twikiPassword,
       
  1699 #twikiPasswordChange {
       
  1700 	width:40em;
       
  1701 	margin:1em auto;
       
  1702 }
       
  1703 #twikiPassword .twikiFormSteps,
       
  1704 #twikiPasswordChange .twikiFormSteps {
       
  1705 	border-width:5px;
       
  1706 }
       
  1707 div.foldableBlock h1,
       
  1708 div.foldableBlock h2,
       
  1709 div.foldableBlock h3,
       
  1710 div.foldableBlock h4,
       
  1711 div.foldableBlock h5,
       
  1712 div.foldableBlock h6 {
       
  1713 	border:0;
       
  1714 	margin-top:0;
       
  1715 	margin-bottom:0;
       
  1716 }
       
  1717 ul {
       
  1718     margin-top:0;
       
  1719     margin-bottom:0;
       
  1720 }
       
  1721 .logo {
       
  1722     margin:1em 0 1.5em 0;
       
  1723 }
       
  1724 .formElem {
       
  1725     background-color:#e9ecf2;
       
  1726     margin:0.5em 0;
       
  1727     padding:0.5em 1em;
       
  1728 }
       
  1729 .blockLinkAttribute {
       
  1730     margin-left:0.35em;
       
  1731 }
       
  1732 .blockLinkAttribute a:link,
       
  1733 .blockLinkAttribute a:visited {
       
  1734 	text-decoration:none;
       
  1735 }
       
  1736 a.blockLink {
       
  1737     display:block;
       
  1738     padding:0.25em 1em;
       
  1739     border-bottom:1px solid #aaa;
       
  1740     border-top:1px solid #f2f4f6;
       
  1741 	font-weight:bold;
       
  1742 }
       
  1743 a:link.blockLink,
       
  1744 a:visited.blockLink {
       
  1745     text-decoration:underline; 
       
  1746 }
       
  1747 a:link:hover.blockLink {
       
  1748     text-decoration:underline;   
       
  1749 }
       
  1750 a:link.blockLinkOff,
       
  1751 a:visited.blockLinkOff {
       
  1752     background-color:#f2f4f6;
       
  1753 }
       
  1754 a:link.blockLinkOn,
       
  1755 a:visited.blockLinkOn {
       
  1756     background-color:#c4cbd6;
       
  1757 	border-bottom-color:#3f4e67;
       
  1758     border-top-color:#fff;
       
  1759 }
       
  1760 a.blockLink:hover {
       
  1761 	background-color:#c4cbd6;
       
  1762     color:#3f4e67;
       
  1763     border-bottom-color:#3f4e67;
       
  1764     border-top-color:#fff;
       
  1765 }
       
  1766 div.explanation {
       
  1767 	background-color:#fff9d1;
       
  1768     padding:0.5em 1em;
       
  1769     margin:0.5em 0;
       
  1770 }
       
  1771 div.specialRemark {
       
  1772     background-color:#fff;
       
  1773     border:1px solid #ccc;
       
  1774     margin:0.5em;
       
  1775     padding:0.5em 1em;
       
  1776 }
       
  1777 div.options {
       
  1778     margin:1em 0;
       
  1779 }
       
  1780 div.options div.optionHeader {
       
  1781     padding:0.25em 1em;
       
  1782     background-color:#666;
       
  1783     color:white;
       
  1784     font-weight:bold;
       
  1785 }
       
  1786 div.options div.optionHeader a {
       
  1787     border-width:2px;
       
  1788     border-style:solid;
       
  1789     border-color:#eee #999 #999 #eee;
       
  1790     background-color:#eee;
       
  1791 	padding:0 .5em;
       
  1792 	text-decoration:none;
       
  1793 }
       
  1794 div.options div.optionHeader a:link:hover,
       
  1795 div.options div.optionHeader a:visited:hover {
       
  1796     background-color:#b4d5ff; /* King's blue */
       
  1797 	text-decoration:none;
       
  1798 	color:#333;
       
  1799 }
       
  1800 div.options .twikiSmall {
       
  1801     margin-left:0.5em;
       
  1802     color:#bbb;
       
  1803 }
       
  1804 div.foldableBlock {
       
  1805     border-bottom:1px solid #ccc;
       
  1806     border-left:1px solid #ddd;
       
  1807     border-right:1px solid #ddd;
       
  1808     height:auto;
       
  1809     width:auto;
       
  1810     overflow:auto;
       
  1811 }
       
  1812 .foldableBlockOpen {
       
  1813     display:block;
       
  1814 }
       
  1815 .foldableBlockClosed {
       
  1816     display:block;
       
  1817 }
       
  1818 div.foldableBlock td {
       
  1819     padding:0.5em 1em;
       
  1820     border-top:1px solid #ccc;
       
  1821     vertical-align:middle;
       
  1822     line-height:1.2em;
       
  1823 }
       
  1824 div.foldableBlock td.info {
       
  1825 	border-width:6px;
       
  1826 }
       
  1827 .info {
       
  1828     color:#666; /*T7*/ /* gray */
       
  1829     background-color:#f8fbfc;
       
  1830 }
       
  1831 .firstInfo {
       
  1832     color:#000;
       
  1833     background-color:#fff;
       
  1834 }
       
  1835 
       
  1836 .warn {
       
  1837     color:#f60; /* orange */
       
  1838     background-color:#FFE8D9; /* light orange */
       
  1839     border-bottom:1px solid #f60;
       
  1840 }
       
  1841 a.info,
       
  1842 a.warn,
       
  1843 a.error {
       
  1844 	text-decoration:none;
       
  1845 }
       
  1846 .error {
       
  1847     color:#f00; /*T9*/ /*red*/
       
  1848     background-color:#FFD9D9; /* pink */
       
  1849     border-bottom:1px solid #f00;
       
  1850 }
       
  1851 .mandatory,
       
  1852 .mandatory input {
       
  1853     color:green;
       
  1854     background-color:#ECFADC;
       
  1855     font-weight: bold;
       
  1856 }
       
  1857 .mandatory {
       
  1858     border-bottom:1px solid green;
       
  1859 }
       
  1860 .mandatory input {
       
  1861     font-weight:normal;
       
  1862 }
       
  1863 .docdata {
       
  1864     padding-top: 1ex;
       
  1865     vertical-align: top;
       
  1866 }
       
  1867 .keydata {
       
  1868     font-weight: bold;
       
  1869     background-color:#F0F0F0;
       
  1870     vertical-align: top;
       
  1871 }
       
  1872 .subHead {
       
  1873     font-weight: bold;
       
  1874     font-style: italic;
       
  1875 }
       
  1876 .firstCol {
       
  1877     width: 30%;
       
  1878     font-weight: bold;
       
  1879     vertical-align: top;
       
  1880 }
       
  1881 .secondCol {
       
  1882 }
       
  1883 .hiddenRow {
       
  1884     display:none;
       
  1885 }