1 package TWiki::Configure::CSS;
18 .twikiMakeVisibleInline,
19 .twikiMakeVisibleBlock {
20 display:none; /* will be made visible with javascript */
33 /* to clean up floats */
46 line-height:110%; /*S3*/
51 .twikiBroadcastMessage {
52 background-color:#ff0;
56 .twikiBroadcastMessage b,
57 .twikiBroadcastMessage strong {
65 text-decoration:underline;
69 border-width:0 0 1px 0;
72 a:hover .twikiAccessKey {
85 margin:0 -0.5em 2em -0.5em;
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:
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.
98 Reworked for TWiki: (c) Arthur Clemens @ visiblearea.com
102 margin:0; /*** Do NOT set anything other than a left margin for the page
103 as this will break the design ***/
108 /* Last height declaration hidden from Mac IE 5.x */
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 ***/
119 /*** these next attributes are designed to keep the div
120 height to 0 pixels high, critical for Safari and Netscape 7 ***/
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. ***/
133 /* Last height declaration hidden from Mac IE 5.x */
134 /*** Fixes height for non moz browsers, to full height ***/
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% ***/
140 * html #patternWrapper{
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 ***/
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 ***/
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 ***/
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 ***/
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. ***/
167 /* Last height declaration hidden from Mac IE 5.x */
168 /*** Needed for full height inner borders in Win IE ***/
178 /* Left bar width is defined in viewleftbar.pattern.tmpl */
183 #patternLeftBarContents {
185 /* for margins and paddings use style.css */
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 ***/
199 #patternTopBarContents {
200 height:1%; /* or Win IE won't display a background */
201 /* for margins/paddings use style.css */
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 ***/
210 z-index:1; /* Critical value for Moz/Opera Background Column colors fudge to work */
215 /* -----------------------------------------------------------
217 Appearance: margins, padding, fonts, borders
218 ----------------------------------------------------------- */
221 /* ----------------------------------------------------------------------------
225 ----------------------------------------
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
233 ------------------------------------------------------------------------- */
235 /* GENERAL HTML ELEMENTS */
238 font-size:104%; /* to change the site's font size, change #patternPage below */
239 voice-family:"\"}\"";
240 voice-family:inherit;
243 html>body { /* Mozilla */
255 padding:.15em .3em .15em 0; /* same vertical padding as twikiInputField */
264 /* put overflow pre in a scroll area */
267 margin:1em 0; /* Win IE tries to make this bigger otherwise */
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 */
280 .patternRenamePage blockquote,
281 .patternPrintPage blockquote {
283 border-width:0 0 0 3px;
293 padding:0.25em 0 0 0;
300 h1, h2, h3, h4, h5, h6 {
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; }
312 /* give header a background color for easy scanning:*/
314 margin:1.25em -10px .35em -10px;
315 border-width:0 0 1px 0;
320 h1.patternTemplateTitle {
324 h2.patternTemplateTitle {
331 /* somehow the twikiNewLink style have to be before the general link styles */
333 border-width:0 0 1px 0;
337 text-decoration:none;
340 .twikiNewLink a sup {
343 vertical-align:baseline;
345 text-decoration:none;
347 .twikiNewLink a:link sup,
348 .twikiNewLink a:visited sup {
351 text-decoration:none;
353 .twikiNewLink a:hover sup {
354 text-decoration:none;
363 text-decoration:underline;
367 text-decoration:none;
370 vertical-align:text-bottom;
375 /* -----------------------------------------------------------
377 ----------------------------------------------------------- */
380 .tagMePlugin select {
387 /* EditTablePlugin */
388 .editTable .twikiTable {
391 .editTableEditImageButton {
400 border-collapse:collapse;
407 border-left-style:solid;
411 .twikiTable th.twikiFirstCol {
412 border-left-style:none;
415 .twikiTable a:visited {
416 text-decoration:underline;
418 .twikiTable a:hover {
419 text-decoration:underline;
427 .twistyTrigger a:link,
428 .twistyTrigger a:visited {
429 text-decoration:none;
431 .twistyTrigger a:link .twikiLinkLabel,
432 .twistyTrigger a:visited .twikiLinkLabel {
433 text-decoration:none;
441 /* -----------------------------------------------------------
443 ----------------------------------------------------------- */
450 #twikiLogin .twikiFormSteps {
456 padding:1px; /* fixes disappearing borders because of overflow:auto; in twikiForm */
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 {
470 .twikiFormTable .twikiTable th {
473 .patternEditPage .twikiFormTable td,
474 .patternEditPage .twikiFormTable th {
477 border-width:0 0 1px 0;
478 vertical-align:middle;
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;
490 .twikiAttachments table,
491 table.twikiFormTable {
493 border-collapse:collapse;
500 .twikiAttachments table {
501 line-height:1.5em; /*S1*/
503 voice-family:"\"}\""; /* hide the following for Explorer 5.x */
504 voice-family:inherit;
507 .twikiAttachments th {
508 border-style:none none solid solid;
511 .twikiAttachments th,
512 table.twikiFormTable th.twikiFormTableHRow {
515 vertical-align:middle;
517 table.twikiFormTable th.twikiFormTableHRow {
520 .twikiFormTableFooter {}
521 .twikiAttachments td,
522 table.twikiFormTable td {
528 .twikiAttachments th.twikiFirstCol,
529 .twikiAttachments td.twikiFirstCol {
530 /* make more width for the icon column */
534 .twikiAttachments caption {
537 table.twikiFormTable th.twikiFormTableHRow a:link,
538 table.twikiFormTable th.twikiFormTableHRow a:visited {
539 text-decoration:none;
541 .twikiAttachments .twistyTrigger .twikiLinkLabel {
542 font-size:122%; /* h4 size */
545 .patternAttachmentCount {
550 border-width:1px 0 0 0;
556 border-width:0 0 1px 0;
582 .twikiFormStep blockquote {
585 padding-bottom:.25em;
587 .twikiActionFormStepSign {
590 margin-left:-20px; /* half of S5 */
595 padding:.3em 0 .6em 0;
605 background-repeat:no-repeat;
606 background-position:0 .5em;
608 .twikiToc .twikiTocTitle {
615 font-size:86%; /*S3*/
619 font-size:94%; /*S2*/
624 font-size:86%; /*S3*/
628 text-decoration:underline;
630 .twikiPageForm table {
634 .twikiPageForm table {
643 .twikiPageForm td.first {
646 .twikiBroadcastMessage,
648 padding:.5em 20px; /*S5*/
653 .twikiBroadcastMessage {
656 border-style:solid none;
659 height:1%; /* for IE */
668 text-decoration:none;
669 border-width:0 0 1px 0;
675 a.twikiLinkInHeaderRight {
687 .twikiImage a:visited {
698 /* -----------------------------------------------------------
699 Pattern skin specific elements
700 ----------------------------------------------------------- */
702 /* LAYOUT ELEMENTS */
703 /* for specific layout sub-elements see further down */
706 font-family:arial, verdana, sans-serif;
707 line-height:1.5em; /*S1*/
708 /* change font size here */
713 border-style:none none solid none;
716 border-width:1px 0 0 0;
719 #patternBottomBarContents {}
720 #patternWebBottomBar {
721 font-size:94%; /*S2*/
725 #patternLeftBarContents {
729 /* bottom padding is set in colors.css for the reflection image */
733 #patternMainContents,
734 #patternBottomBarContents,
735 #patternLeftBarContents {
738 .patternNoViewPage #patternMainContents {
743 #patternMainContents,
744 #patternTopBarContents,
745 #patternBottomBarContents {
751 #patternTopBarContents {
752 padding-left:1em; /*S6*/
754 #patternMainContents {
757 #patternBottomBarContents {
761 /* bottom paddings */
762 #patternMainContents,
763 #patternBottomBarContents {
770 .patternViewPage #patternBottomBarContents {
771 padding-left:1em; /*S6*/
773 .patternNoViewPage #patternMainContents,
774 .patternNoViewPage #patternBottomBarContents {
778 .patternEditPage #patternMainContents,
779 .patternEditPage #patternBottomBarContents {
784 #patternLeftBarContents {}
785 #patternLeftBarContents img {
787 vertical-align:text-bottom;
789 #patternLeftBarContents a:link,
790 #patternLeftBarContents a:visited {
791 text-decoration:none;
793 #patternLeftBarContents ul {
798 #patternLeftBarContents h2 {
800 background-color:transparent;
802 #patternLeftBarContents .patternLeftBarPersonal,
803 #patternLeftBarContents .patternWebIndicator {
804 padding:0 1em .75em 1em;
805 margin:0 -1em .75em -1em; /*S6*/
807 .patternWebIndicator a {
812 #patternLeftBarContents li {
815 html>body #patternLeftBarContents li { /* Mozilla */
819 /* form options in top bar */
820 .patternMetaMenu input,
821 .patternMetaMenu select,
822 .patternMetaMenu select option {
825 .patternMetaMenu select option {
828 .patternMetaMenu ul {
833 .patternMetaMenu ul li {
837 .patternMetaMenu ul li .twikiInputField,
838 .patternMetaMenu ul li .twikiSelect {
842 .patternHomePath a:link,
843 .patternHomePath a:visited {
844 text-decoration:none;
845 border-style:none none solid none;
851 .patternToolBar .patternButton {
854 .patternToolBar .patternButton s,
855 .patternToolBar .patternButton strike,
856 .patternToolBar .patternButton a:link,
857 .patternToolBar .patternButton a:visited {
862 margin:-.2em 0 .2em .25em;
865 .patternToolBar .patternButton a:link,
866 .patternToolBar .patternButton a:visited {
867 text-decoration:none;
870 .patternToolBar .patternButton a:hover,
871 .patternToolBar .patternButton a:hover {
875 .patternToolBar .patternButton a:active {
878 .patternToolBar a:hover .twikiAccessKey {
879 border-width:0 0 1px 0;
882 .patternToolBar .patternButton s,
883 .patternToolBar .patternButton strike {
884 text-decoration:none;
887 .patternTopicActions {
888 border-width:0 0 1px 0;
891 .patternTopicAction {
893 padding:.4em 20px; /*S5*/
894 border-width:1px 0 0 0;
896 height:1%; /* for IE */
898 .patternOopsPage .patternTopicActions,
899 .patternEditPage .patternTopicActions {
902 .patternAttachPage .patternTopicAction,
903 .patternRenamePage .patternTopicAction {
906 .patternActionButtons a:link,
907 .patternActionButtons a:visited {
908 padding:1px 1px 2px 1px;
910 .patternTopicAction .patternActionButtons a:link,
911 .patternTopicAction .patternActionButtons a:visited {
912 text-decoration:none;
914 .patternTopicAction .patternActionButtons .patternButton s,
915 .patternTopicAction .patternActionButtons .patternButton strike {
916 text-decoration:none;
918 .patternTopicAction .patternSaveOptions {
921 .patternTopicAction .patternSaveOptions .patternSaveOptionsContents {
924 .patternNoViewPage .patternTopicAction {
930 .patternHomePath .patternRevInfo {
940 .patternTopicFooter {
944 /* WebSearch, WebSearchAdvanced */
949 #twikiSearchTable th,
950 #twikiSearchTable td {
952 border-width:0 0 1px 0;
955 #twikiSearchTable th {
959 #twikiSearchTable td {
963 /* -----------------------------------------------------------
965 styles and overridden styles used in search.pattern.tmpl
966 ----------------------------------------------------------- */
968 .patternSearchResults {
969 /* no longer used in search.pattern.tmpl, but remains in rename templates */
972 .patternSearchResults blockquote {
973 margin:1em 0 1em 5em;
975 h3.patternSearchResultsHeader,
976 h4.patternSearchResultsHeader {
978 border-width:0 0 1px 0;
980 height:1%; /* or WIN/IE wont draw the backgound */
983 .patternSearchResults h3 {
984 font-size:115%; /* same as twikiFormStep */
986 padding:.5em 40px; /*S5*/
989 h4.patternSearchResultsHeader {
995 .patternSearchResult .twikiTopRow {
999 .patternSearchResult .twikiBottomRow {
1001 padding-bottom:.25em;
1002 border-width:0 0 1px 0;
1005 .patternSearchResult .twikiAlert {
1008 .patternSearchResult .twikiSummary .twikiAlert {
1011 .patternSearchResult .twikiNew {
1014 font-size:86%; /*S3*/
1018 .patternSearchResults .twikiHelp {
1022 margin:1em -5px .35em -5px;
1024 .patternSearchResult .twikiSRAuthor {
1028 .patternSearchResult .twikiSRRev {
1032 .patternSearchResultCount {
1039 padding:.5em 20px; /*S5*/
1042 /* Search results in book view format */
1045 border-width:0 0 2px 2px;
1047 /* border color in cssdynamic.pattern.tmpl */
1048 margin:.5em 0 1.5em -5px;
1051 .patternBookView .twikiTopRow {
1052 padding:.25em 5px .15em 5px; /*S4*/
1053 margin:1em -5px .15em -5px; /*S4*/
1055 .patternBookView .twikiBottomRow {
1057 padding:1em 0 1em 0;
1062 /* pages that are not view */
1064 /* edit.pattern.tmpl */
1066 .patternEditPage .twikiForm {
1069 .patternEditPage .twikiForm h1,
1070 .patternEditPage .twikiForm h2,
1071 .patternEditPage .twikiForm h3 {
1072 /* same as twikiFormStep */
1076 .twikiEditboxStyleMono {
1077 font-family:"Courier New", courier, monaco, monospace;
1079 .twikiEditboxStyleProportional {
1080 font-family:arial, verdana, sans-serif;
1082 .twikiChangeFormButtonHolder {
1084 margin:.5em 0 -.5em 0;
1086 .twikiFormHolder { /* constrains the textarea */
1091 border-style:none none solid none;
1093 height:1%; /* for IE */
1095 .patternOopsPage .patternTopicActions,
1096 .patternEditPage .patternTopicActions {
1099 .patternTextareaButton {
1106 .patternButtonFontSelector {
1110 /* preview.pattern.tmpl */
1117 height:1%; /* for IE */
1120 /* attach.pattern.tmpl */
1122 .patternAttachPage .twikiAttachments table {
1125 .patternAttachPage .twikiAttachments {
1128 .patternMoveAttachment {
1133 /* rdiff.pattern.tmpl */
1136 /* same as patternBookView */
1137 border-width:0 0 2px 2px;
1139 margin:.5em 0 1.5em -5px;
1142 .patternDiff h4.patternSearchResultsHeader {
1145 .patternDiffPage .patternRevInfo ul {
1150 .patternDiffPage .twikiDiffTable {
1153 tr.twikiDiffDebug td {
1157 .patternDiffPage td.twikiDiffDebugLeft {
1160 .patternDiffPage .twikiDiffTable th {
1163 .patternDiffPage .twikiDiffTable td {
1166 .twikiDiffLineNumberHeader {
1171 /* PatternSkin colors */
1172 /* Generated by AttachContentPlugin from TWiki.PatternSkinColorSettings */
1174 /* LAYOUT ELEMENTS */
1177 border-color:#e7e2da;
1178 background-color:#fefcf7;
1180 #patternMain { /* don't set a background here; use patternOuter */ }
1182 background-color:#fff; /* Sets background of center col */
1183 border-color:#cfcfcf;
1187 background-color:#f5f9fb;
1190 border-color:#e7e2da;
1192 #patternBottomBarContents,
1193 #patternBottomBarContents a:link,
1194 #patternBottomBarContents a:visited {
1197 #patternBottomBarContents a:hover {
1201 /* GENERAL HTML ELEMENTS */
1204 background-color:#fff;
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;
1213 background-color:#e7e2da;
1219 background-color:#f1f6fa;
1221 .patternRenamePage blockquote,
1222 .patternPrintPage blockquote {
1228 h1, h2, h3, h4, h5, h6 {
1232 background-color:#fdfaf2;
1233 border-color:#e7e2da;
1236 border-color:#e7e2da;
1238 /* to override old Render.pm coded font color style */
1239 .twikiNewLink font {
1242 .twikiNewLink a:link sup,
1243 .twikiNewLink a:visited sup {
1247 .twikiNewLink a:hover sup {
1248 background-color:#d6000f;
1250 border-color:#d6000f;
1262 background-color:transparent;
1267 background-color:#d6000f;
1268 background-image:none;
1271 :visited:hover img {
1272 background-color:transparent;
1274 .patternTopic a:visited {
1277 .patternTopic a:hover {
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 {
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 {
1296 .patternTopic .twikiUnvisited a:visited {
1299 .patternTopic .twikiUnvisited a:hover {
1305 /* -----------------------------------------------------------
1307 ----------------------------------------------------------- */
1312 border-color:#e7e2da;
1315 border-color:#e7e2da #fff;
1317 .twikiTable th a:link,
1318 .twikiTable th a:visited,
1319 .twikiTable th a font {
1324 .twistyPlaceholder {
1327 a:hover.twistyTrigger {
1333 background-color:#fff9d1;
1336 /* RevCommentPlugin */
1337 .revComment .patternTopicAction {
1338 background-color:#fefcf6;
1341 /* -----------------------------------------------------------
1343 ----------------------------------------------------------- */
1348 .twikiGrayText a:link,
1349 .twikiGrayText a:visited {
1352 .twikiGrayText a:hover {
1356 table.twikiFormTable th.twikiFormTableHRow,
1357 table.twikiFormTable td.twikiFormTableRow {
1363 .twikiEditForm .twikiFormTable,
1364 .twikiEditForm .twikiFormTable th,
1365 .twikiEditForm .twikiFormTable td {
1366 border-color:#e7e2da;
1368 /* use a different table background color mix: no odd/even rows, no white background */
1369 .twikiEditForm .twikiFormTable td {
1370 background-color:#f7fafc;
1372 .twikiEditForm .twikiFormTable th {
1373 background-color:#f0f6fb;
1375 .patternContent .twikiAttachments,
1376 .patternContent .twikiForm {
1377 background-color:#fefcf6;
1378 border-color:#e7e2da;
1380 .twikiAttachments table,
1381 table.twikiFormTable {
1382 border-color:#e7e2da;
1383 background-color:#fff;
1385 .twikiAttachments table {
1386 background-color:#fff;
1388 .twikiAttachments td,
1389 .twikiAttachments th {
1390 border-color:#e7e2da;
1392 .twikiAttachments .twikiTable th font,
1393 table.twikiFormTable th.twikiFormTableHRow font {
1398 background-color:#f1f6fa;
1399 border-color:#d9e8ef;
1402 border-color:#d9e8ef;
1410 background-color:transparent;
1412 .twikiActionFormStepSign {
1415 .twikiToc .twikiTocTitle {
1418 .twikiBroadcastMessage {
1419 background-color:#fff9d1;
1420 border-color:#ffdf4c;
1422 .twikiNotification {
1423 background-color:#fff9d1;
1426 background-color:#fff9d1;
1428 .twikiBroadcastMessage b,
1429 .twikiBroadcastMessage strong {
1436 .twikiEmulatedLink {
1439 .twikiPageForm table {
1440 border-color:#e7e2da;
1444 border-color:#cfcfcf;
1445 background-color:#cfcfcf;
1452 a:link .twikiAccessKey,
1453 a:visited .twikiAccessKey {
1456 a:hover .twikiAccessKey {
1461 background-color:#fff;
1463 #patternTopBar .twikiImage img {
1464 background-color:transparent;
1466 .twikiImage a:hover img {
1467 border-color:#d6000f;
1470 /* -----------------------------------------------------------
1471 Pattern skin specific elements
1472 ----------------------------------------------------------- */
1474 background-color:#fff;
1476 .patternHomePath a:link,
1477 .patternHomePath a:visited {
1481 .patternTop a:hover {
1485 .patternHomePath .patternRevInfo,
1486 .patternHomePath .patternRevInfo a:link,
1487 .patternHomePath .patternRevInfo a:visited {
1490 .patternHomePath .patternRevInfo a:hover {
1495 #patternLeftBarContents {
1498 #patternLeftBarContents hr {
1500 background-color:#d9e8ef;
1502 #patternLeftBarContents a:link,
1503 #patternLeftBarContents a:visited {
1506 #patternLeftBarContents a:hover {
1509 #patternLeftBarContents .patternLeftBarPersonal a:link,
1510 #patternLeftBarContents .patternLeftBarPersonal a:visited {
1513 #patternLeftBarContents .patternLeftBarPersonal a:hover {
1517 .patternTopicActions {
1518 border-color:#e7e2da;
1519 background-color:#fdfaf2;
1522 .patternTopicAction {
1523 border-color:#e7e2da;
1525 .patternTopicAction s,
1526 .patternTopicAction strike {
1529 .patternTopicAction .twikiSeparator {
1532 .patternActionButtons a:link,
1533 .patternActionButtons a:visited {
1536 .patternActionButtons a:hover {
1539 .patternTopicAction .twikiAccessKey {
1541 border-color:#be000a;
1543 .patternTopicAction a:hover .twikiAccessKey {
1546 .patternTopicAction label {
1555 .patternToolBar a:link .twikiAccessKey,
1556 .patternToolBar a:visited .twikiAccessKey {
1560 .patternToolBar a:hover .twikiAccessKey {
1561 background-color:transparent;
1566 background-color:#fff;
1569 /* WebSearch, WebSearchAdvanced */
1570 table#twikiSearchTable {
1571 border-color:#d9e8ef;
1573 table#twikiSearchTable th,
1574 table#twikiSearchTable td {
1575 background-color:#fff;
1576 border-color:#d9e8ef;
1578 table#twikiSearchTable hr {
1579 border-color:#d9e8ef;
1580 background-color:#d9e8ef;
1582 table#twikiSearchTable th {
1586 /* -----------------------------------------------------------
1588 styles and overridden styles used in search.pattern.tmpl
1589 ----------------------------------------------------------- */
1591 h3.patternSearchResultsHeader,
1592 h4.patternSearchResultsHeader {
1593 background-color:#fefcf6;
1594 border-color:#e7e2da;
1596 h4.patternSearchResultsHeader {
1599 .patternNoViewPage h4.patternSearchResultsHeader {
1602 .patternSearchResult .twikiBottomRow {
1603 border-color:#e7e2da;
1605 .patternSearchResult .twikiAlert {
1608 .patternSearchResult .twikiSummary .twikiAlert {
1611 .patternSearchResult .twikiNew {
1612 background-color:#ECFADC;
1613 border-color:#049804;
1616 .patternViewPage .patternSearchResultsBegin {
1617 border-color:#e7e2da;
1620 /* Search results in book view format */
1622 .patternBookView .twikiTopRow {
1623 background-color:transparent; /* set to WEBBGCOLOR in css.pattern.tmpl */
1626 .patternBookView .twikiBottomRow {
1627 border-color:#e7e2da;
1629 .patternBookView .patternSearchResultCount {
1633 /* edit.pattern.tmpl */
1635 .patternEditPage .patternSigLine {
1636 background-color:#fefcf6;
1637 border-color:#e7e2da;
1640 /* preview.pattern.tmpl */
1644 background-color:#fff;
1647 /* rdiff.pattern.tmpl */
1650 border-color:#6b7f93;
1652 .patternDiff h4.patternSearchResultsHeader {
1653 background-color:#6b7f93;
1656 .patternDiff h4.patternSearchResultsHeader a:link,
1657 .patternDiff h4.patternSearchResultsHeader a:visited {
1660 tr.twikiDiffDebug td {
1661 border-color:#e7e2da;
1663 .patternDiffPage .twikiDiffTable th {
1664 background-color:#ccc;
1667 .twikiDiffChangedHeader,
1668 tr.twikiDiffDebug .twikiDiffChangedText,
1669 tr.twikiDiffDebug .twikiDiffChangedText {
1670 background:#9f9; /* green - do not change */
1673 .twikiDiffDeletedHeader,
1674 tr.twikiDiffDebug .twikiDiffDeletedMarker,
1675 tr.twikiDiffDebug .twikiDiffDeletedText {
1676 background-color:#f99; /* red - do not change */
1679 .twikiDiffAddedHeader,
1680 tr.twikiDiffDebug .twikiDiffAddedMarker,
1681 tr.twikiDiffDebug .twikiDiffAddedText {
1682 background-color:#ccf; /* violet - do not change */
1685 tr.twikiDiffDebug .twikiDiffUnchangedText {
1688 .twikiDiffUnchangedTextContents { }
1689 .twikiDiffLineNumberHeader {
1690 background-color:#ccc;
1694 /* ----------------------------------------------------------------------- */
1695 /* configure styles */
1696 /* ----------------------------------------------------------------------- */
1699 #twikiPasswordChange {
1703 #twikiPassword .twikiFormSteps,
1704 #twikiPasswordChange .twikiFormSteps {
1707 div.foldableBlock h1,
1708 div.foldableBlock h2,
1709 div.foldableBlock h3,
1710 div.foldableBlock h4,
1711 div.foldableBlock h5,
1712 div.foldableBlock h6 {
1722 margin:1em 0 1.5em 0;
1725 background-color:#e9ecf2;
1729 .blockLinkAttribute {
1732 .blockLinkAttribute a:link,
1733 .blockLinkAttribute a:visited {
1734 text-decoration:none;
1739 border-bottom:1px solid #aaa;
1740 border-top:1px solid #f2f4f6;
1744 a:visited.blockLink {
1745 text-decoration:underline;
1747 a:link:hover.blockLink {
1748 text-decoration:underline;
1750 a:link.blockLinkOff,
1751 a:visited.blockLinkOff {
1752 background-color:#f2f4f6;
1755 a:visited.blockLinkOn {
1756 background-color:#c4cbd6;
1757 border-bottom-color:#3f4e67;
1758 border-top-color:#fff;
1761 background-color:#c4cbd6;
1763 border-bottom-color:#3f4e67;
1764 border-top-color:#fff;
1767 background-color:#fff9d1;
1772 background-color:#fff;
1773 border:1px solid #ccc;
1780 div.options div.optionHeader {
1782 background-color:#666;
1786 div.options div.optionHeader a {
1789 border-color:#eee #999 #999 #eee;
1790 background-color:#eee;
1792 text-decoration:none;
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;
1800 div.options .twikiSmall {
1805 border-bottom:1px solid #ccc;
1806 border-left:1px solid #ddd;
1807 border-right:1px solid #ddd;
1812 .foldableBlockOpen {
1815 .foldableBlockClosed {
1818 div.foldableBlock td {
1820 border-top:1px solid #ccc;
1821 vertical-align:middle;
1824 div.foldableBlock td.info {
1828 color:#666; /*T7*/ /* gray */
1829 background-color:#f8fbfc;
1833 background-color:#fff;
1837 color:#f60; /* orange */
1838 background-color:#FFE8D9; /* light orange */
1839 border-bottom:1px solid #f60;
1844 text-decoration:none;
1847 color:#f00; /*T9*/ /*red*/
1848 background-color:#FFD9D9; /* pink */
1849 border-bottom:1px solid #f00;
1854 background-color:#ECFADC;
1858 border-bottom:1px solid green;
1865 vertical-align: top;
1869 background-color:#F0F0F0;
1870 vertical-align: top;
1879 vertical-align: top;