data/TWiki/TWikiCss.txt,v
author Colas Nahaboo <colas@nahaboo.net>
Sat, 26 Jan 2008 15:50:53 +0100
changeset 0 414e01d06fd5
permissions -rw-r--r--
RELEASE 4.2.0 freetown
colas@0
     1
head	1.7;
colas@0
     2
access;
colas@0
     3
symbols;
colas@0
     4
locks; strict;
colas@0
     5
comment	@# @;
colas@0
     6
colas@0
     7
colas@0
     8
1.7
colas@0
     9
date	2008.01.22.03.21.34;	author TWikiContributor;	state Exp;
colas@0
    10
branches;
colas@0
    11
next	1.6;
colas@0
    12
colas@0
    13
1.6
colas@0
    14
date	2007.01.16.04.11.58;	author TWikiContributor;	state Exp;
colas@0
    15
branches;
colas@0
    16
next	1.5;
colas@0
    17
colas@0
    18
1.5
colas@0
    19
date	2006.06.25.16.26.26;	author TWikiContributor;	state Exp;
colas@0
    20
branches;
colas@0
    21
next	1.4;
colas@0
    22
colas@0
    23
1.4
colas@0
    24
date	2006.04.01.05.55.11;	author TWikiContributor;	state Exp;
colas@0
    25
branches;
colas@0
    26
next	1.3;
colas@0
    27
colas@0
    28
1.3
colas@0
    29
date	2006.02.01.12.01.18;	author TWikiContributor;	state Exp;
colas@0
    30
branches;
colas@0
    31
next	1.2;
colas@0
    32
colas@0
    33
1.2
colas@0
    34
date	2004.08.15.22.12.34;	author ArthurClemens;	state Exp;
colas@0
    35
branches;
colas@0
    36
next	1.1;
colas@0
    37
colas@0
    38
1.1
colas@0
    39
date	2004.08.14.08.21.40;	author PeterThoeny;	state Exp;
colas@0
    40
branches;
colas@0
    41
next	;
colas@0
    42
colas@0
    43
colas@0
    44
desc
colas@0
    45
@none
colas@0
    46
@
colas@0
    47
colas@0
    48
colas@0
    49
1.7
colas@0
    50
log
colas@0
    51
@buildrelease
colas@0
    52
@
colas@0
    53
text
colas@0
    54
@%META:TOPICINFO{author="TWikiContributor" date="1111929255" format="1.0" version="7"}%
colas@0
    55
%STARTINCLUDE%
colas@0
    56
---+ Appendix C: TWiki CSS
colas@0
    57
colas@0
    58
_Listing of CSS class names emitted from TWiki core code and standard plugins, for the Dakar release._
colas@0
    59
colas@0
    60
%TOC%
colas@0
    61
colas@0
    62
---++ Who should read this document?
colas@0
    63
colas@0
    64
Most html elements generated by TWiki core code now have Cascading Style Sheet (CSS) tags. __Skin builders__ and others who want to change the appearance of the default TWiki installation or any of the skins can use this document to see what styles can be created for these html elements.
colas@0
    65
colas@0
    66
---++ Naming conventions
colas@0
    67
colas@0
    68
   1 All TWiki class names have the prefix =twiki=. So: twikiAlert, twikiToc, etcetera. Remember that CSS class names are case sensitive - TWiki CSS uses lowercase =tw=.
colas@0
    69
   1 If you define your own CSS classes, it is preferable that you do not use the =twiki= prefix to prevent undesired overriding effects.
colas@0
    70
colas@0
    71
A wide range of standard styles are used in the TWiki core code and topics, and more are used in plugins. The following is an exhaustive list of all styles defined by the Pattern skin. For the most part, the names are the only documentation of the purpose of the style. For more information on how these styles are used, read the code (sorry!)
colas@0
    72
colas@0
    73
---+++ TWiki styles in core code
colas@0
    74
colas@0
    75
|.twikiAlert  |Client.pm, Form.pm, Statistics.pm  |
colas@0
    76
|.twikiFirstCol  |Render.pm  |
colas@0
    77
|.twikiForm  |Render.pm  |
colas@0
    78
|.twikiNew  |Changes.pm, Search.pm  |
colas@0
    79
|.twikiHelp  |Changes.pm  |
colas@0
    80
|.twikiTopRow  |Manage.pm  |
colas@0
    81
|.twikiSummary  |Manage.pm  |
colas@0
    82
|.twikiGrayText  |Manage.pm  |
colas@0
    83
|.twikiCheckBox  |Manage.pm  |
colas@0
    84
|.twikiLink  |Render.pm  |
colas@0
    85
|.twikiNewLink  |Render.pm  |
colas@0
    86
|.twikiAnchorLink  |Render.pm  |
colas@0
    87
|.twikiCurrentWebHomeLink  |Render.pm  |
colas@0
    88
|.twikiCurrentTopicLink  |Render.pm  |
colas@0
    89
|.twikiEmulatedLink  |Preview.pm  |
colas@0
    90
|.twikiWebIndent  |TWiki.pm  |
colas@0
    91
colas@0
    92
|.twikiEditFormDateField  | Form.pm  |
colas@0
    93
|.twikiEditFormTextField  |Form.pm  |
colas@0
    94
|.twikiEditFormLabelField  |Form.pm  |
colas@0
    95
|.twikiEditFormTextAreaField  |Form.pm  |
colas@0
    96
|.twikiEditFormCheckboxButton  |Form.pm  |
colas@0
    97
|.twikiEditFormCheckboxField  |Form.pm  |
colas@0
    98
|.twikiRadioButton  |Form.pm  |
colas@0
    99
|.twikiEditFormRadioField  |Form.pm  |
colas@0
   100
|.twikiEditFormError  |Form.pm  |
colas@0
   101
colas@0
   102
|.twikiDiffTable  |RDiff.pm  |
colas@0
   103
|.twikiDiffDeletedHeader  |RDiff.pm  |
colas@0
   104
|.twikiDiffDeletedMarker  |RDiff.pm  |
colas@0
   105
|.twikiDiffDeletedText  |RDiff.pm  |
colas@0
   106
|.twikiDiffAddedHeader  |RDiff.pm  |
colas@0
   107
|.twikiDiffAddedMarker  |RDiff.pm  |
colas@0
   108
|.twikiDiffAddedText  |RDiff.pm  |
colas@0
   109
|.twikiDiffChangedHeader  |RDiff.pm  |
colas@0
   110
|.twikiDiffChangedText  |RDiff.pm  |
colas@0
   111
|.twikiDiffUnchangedText  |RDiff.pm  |
colas@0
   112
|.twikiDiffUnchangedTextContents  |RDiff.pm  |
colas@0
   113
|.twikiDiffLineNumberHeader  |RDiff.pm  |
colas@0
   114
|.twikiDiffDebug  |RDiff.pm  |
colas@0
   115
|.twikiDiffDebugRight  |RDiff.pm  |
colas@0
   116
|.twikiDiffDebugLeft  |RDiff.pm  |
colas@0
   117
colas@0
   118
|.twikiToc  |TWiki.pm  |
colas@0
   119
|.twikiTocTitle  |TWiki.pm  |
colas@0
   120
colas@0
   121
colas@0
   122
---+++ TWiki Styles in Plugins
colas@0
   123
---++++ TablePlugin
colas@0
   124
|=.twikiTable=  |The table  |
colas@0
   125
|=.twikiSortedCol=  |A sorted column  |
colas@0
   126
|=.twikiSortedAscendingCol=  |Sorted column, ascending  |
colas@0
   127
|=.twikiSortedDescendingCol=  |Sorted column, descending  |
colas@0
   128
|=.tableSortIcon=  |The sort icon holder (span)  |
colas@0
   129
|=.twikiFirstCol=  |The first column  |
colas@0
   130
|=.twikiTableEven= |Even numbered rows  |
colas@0
   131
|=.twikiTableOdd= |Odd numbered rows  |
colas@0
   132
|=.twikiTableCol= + column number  | Unique column identifier, for instance: =twikiTableCol0= |
colas@0
   133
|=.twikiTableRow= + type + row number | Unique row identifier, for instance: =twikiTableRowdataBg0= |
colas@0
   134
colas@0
   135
colas@0
   136
---+++ TWiki Styles in Templates
colas@0
   137
colas@0
   138
|.twikiPage  |twiki.tmpl  |
colas@0
   139
|.twikiMiddleContainer  |twiki.tmpl  |
colas@0
   140
|.twikiMain  |twiki.tmpl  |
colas@0
   141
|.twikiFormTable  |formtables.tmpl, form.tmpl  |
colas@0
   142
|.twikiFormTableHRow  |formtables.tmpl, form.tmpl  |
colas@0
   143
|.twikiFormTableRow  |formtables.tmpl  |
colas@0
   144
|.twikiFormTableFooter  |formtables.tmpl  |
colas@0
   145
|.twikiAttachments  |attachtables.tmpl |
colas@0
   146
|.twikiEditForm |form.tmpl |
colas@0
   147
|.twikiSubmit  | |
colas@0
   148
|.twikiSubmitDisabled  | |
colas@0
   149
|.twikiInputField  | |
colas@0
   150
|.twikiInputFieldDisabled  | |
colas@0
   151
|.twikiInputFieldReadOnly  | |
colas@0
   152
|.twikiInputFieldFocus | For Internet Explorer that does not recognize the =:focus= pseudo class selector |
colas@0
   153
|.twikiInputFieldBeforeFocus  |for use with Javascript: the color of the input text when not clicked in the field |
colas@0
   154
|.twikiTextarea | |
colas@0
   155
|.twikiTextareaRawView | |
colas@0
   156
|.twikiButton  | |
colas@0
   157
|.twikiFocus  |Behaviour marker so a field can be given input focus |
colas@0
   158
|.twikiLeft  | |
colas@0
   159
|.twikiRight  | |
colas@0
   160
|.twikiClear  | |
colas@0
   161
|.twikiHidden  | |
colas@0
   162
|.twikiSmall  | |
colas@0
   163
|.twikiBottomRow  | |
colas@0
   164
|.twikiSRAuthor  | |
colas@0
   165
|.twikiSRRev  | |
colas@0
   166
|.twikiPageForm  | |
colas@0
   167
|.twikiSeparator  | |
colas@0
   168
|.twikiAccessKey  | |
colas@0
   169
|.twikiLinkLabel  | |
colas@0
   170
|.twikiFormSteps  |container around a form, such as the attach form: attach.tmpl |
colas@0
   171
|.twikiFormStep  |form row |
colas@0
   172
|.twikiNoBreak   | no break on whitespace |
colas@0
   173
|.twikiMakeVisible  |For elements that should only be visible with javascript on: default set to hidden, is made visible by javascript. Defaults to inline. |
colas@0
   174
|.twikiMakeVisibleInline  |For =span= elements that should only be visible with javascript on: default set to hidden, is made visible by javascript. |
colas@0
   175
|.twikiMakeVisibleBlock  |For =div= elements that should only be visible with javascript on: default set to hidden, is made visible by javascript. |
colas@0
   176
|.twikiMakeHidden  |For elements that should be *hidden* with javascript on: no default style, is made hidden by javascript. |
colas@0
   177
|.twikiFooterNote  | |
colas@0
   178
|.twikiPopUp | Behaviour marker so a popup-window can be invoked |
colas@0
   179
colas@0
   180
---+++ TWiki Styles used in =configure=
colas@0
   181
|#twikiLogin  |CSS.pm  |
colas@0
   182
|.twikiFormSteps  |CSS.pm |
colas@0
   183
|.twikiFormStep  |CSS.pm |
colas@0
   184
colas@0
   185
---+++ TWiki Styles in topics
colas@0
   186
colas@0
   187
|.twikiBroadcastMessage  |%SYSTEMWEB%.TWikiPreferences  |
colas@0
   188
|#twikiSearchTable  |%SYSTEMWEB%.WebSearch, %SYSTEMWEB%.WebSearchAdvanced  |
colas@0
   189
colas@0
   190
---+++ TWiki Styles in Skins
colas@0
   191
|#twikiLogin  | login.pattern.tmpl  | |
colas@0
   192
colas@0
   193
---+++ Reserved Styles
colas@0
   194
|.twikiImage  | defined in PatternSkin  |div creates border around enclosed image |
colas@0
   195
|.twikiNotification  | defined in PatternSkin |temporary alert, lighter than broadcast message |
colas@0
   196
|.twikiUnvisited  | defined in PatternSkin  |link style that ignores the visited link state; useful for form links |
colas@0
   197
colas@0
   198
---++ Tips
colas@0
   199
!PatternSkin makes extensive use of CSS in its templates. Read the PatternSkin topic and PatternSkinCss to learn more about creating your own CSS-based skin.
colas@0
   200
colas@0
   201
Practical introduction to CSS: http://www.w3.org/Style/LieBos2e/enter/
colas@0
   202
colas@0
   203
__Related Topics:__ TWikiSkins, PatternSkin, DeveloperDocumentationCategory, AdminDocumentationCategory
colas@0
   204
colas@0
   205
%STOPINCLUDE%
colas@0
   206
@
colas@0
   207
colas@0
   208
colas@0
   209
1.6
colas@0
   210
log
colas@0
   211
@buildrelease
colas@0
   212
@
colas@0
   213
text
colas@0
   214
@d1 1
colas@0
   215
a1 2
colas@0
   216
%META:TOPICINFO{author="TWikiContributor" date="1111929255" format="1.0" version="6"}%
colas@0
   217
%TOC%
colas@0
   218
d3 1
colas@0
   219
a3 1
colas@0
   220
---# Appendix C: TWiki CSS
colas@0
   221
d7 2
colas@0
   222
d61 3
colas@0
   223
d70 11
colas@0
   224
a81 6
colas@0
   225
|.twikiTable  |TablePlugin  |
colas@0
   226
|.twikiSortedAscendingCol  |TablePlugin  |
colas@0
   227
|.twikiSortedDescendingCol  |TablePlugin  |
colas@0
   228
|.twikiFirstCol  |TablePlugin  |
colas@0
   229
|.twikiTableEven |TablePlugin  |
colas@0
   230
|.twikiTableOdd |TablePlugin  |
colas@0
   231
d85 3
colas@0
   232
d98 5
colas@0
   233
d104 1
colas@0
   234
d119 7
colas@0
   235
d134 2
colas@0
   236
a135 2
colas@0
   237
|.twikiBroadcastMessage  |%TWIKIWEB%.TWikiPreferences  |
colas@0
   238
|#twikiSearchTable  |%TWIKIWEB%.WebSearch, %TWIKIWEB%.WebSearchAdvanced  |
colas@0
   239
d140 5
colas@0
   240
@
colas@0
   241
colas@0
   242
colas@0
   243
1.5
colas@0
   244
log
colas@0
   245
@buildrelease
colas@0
   246
@
colas@0
   247
text
colas@0
   248
@d1 1
colas@0
   249
a1 1
colas@0
   250
%META:TOPICINFO{author="TWikiContributor" date="1111929255" format="1.0" version="5"}%
colas@0
   251
a14 1
colas@0
   252
   1 TWiki uses class names only (.twikiDiffTable) and no id names (#twikiDiffTable), to allow multiple class names. Class names are written using the dot prefix.
colas@0
   253
d33 2
colas@0
   254
d38 1
colas@0
   255
d64 1
colas@0
   256
d71 2
colas@0
   257
d79 1
colas@0
   258
d102 5
colas@0
   259
d110 1
colas@0
   260
d112 2
colas@0
   261
@
colas@0
   262
colas@0
   263
colas@0
   264
1.4
colas@0
   265
log
colas@0
   266
@buildrelease
colas@0
   267
@
colas@0
   268
text
colas@0
   269
@d1 1
colas@0
   270
a1 1
colas@0
   271
%META:TOPICINFO{author="TWikiContributor" date="1111929255" format="1.0" version="4"}%
colas@0
   272
d77 3
colas@0
   273
@
colas@0
   274
colas@0
   275
colas@0
   276
1.3
colas@0
   277
log
colas@0
   278
@buildrelease
colas@0
   279
@
colas@0
   280
text
colas@0
   281
@d1 1
colas@0
   282
a1 1
colas@0
   283
%META:TOPICINFO{author="TWikiContributor" date="1111929255" format="1.0" version="3"}%
colas@0
   284
d14 3
colas@0
   285
a16 3
colas@0
   286
	1 All TWiki class names have the prefix =twiki=. So: twikiAlert, twikiToc, etcetera. Remember that CSS class names are case sensitive - TWiki CSS uses lowercase =tw=.
colas@0
   287
	1 TWiki uses class names only (.twikiDiffTable) and no id names (#twikiDiffTable), to allow multiple class names. Class names are written using the dot prefix.
colas@0
   288
	1 If you define your own CSS classes, it is preferable that you do not use the =twiki= prefix to prevent undesired overriding effects.
colas@0
   289
d90 2
colas@0
   290
@
colas@0
   291
colas@0
   292
colas@0
   293
1.2
colas@0
   294
log
colas@0
   295
@none
colas@0
   296
@
colas@0
   297
text
colas@0
   298
@d1 1
colas@0
   299
a1 1
colas@0
   300
%META:TOPICINFO{author="ArthurClemens" date="1092607954" format="1.0" version="1.2"}%
colas@0
   301
d4 1
colas@0
   302
a4 1
colas@0
   303
---# Appendix B: TWiki CSS
colas@0
   304
d6 1
colas@0
   305
a6 1
colas@0
   306
_Listing of CSS class names emitted from TWiki core code and standard plugins, for the 01-Aug-2004 TWiki production release._
colas@0
   307
d10 1
colas@0
   308
a10 1
colas@0
   309
More or less all html elements generated by TWiki core code now have Cascading Style Sheet (CSS) tags. __Skin builders__ and others who want to change the appearance of the default TWiki installation or any of the skins can use this document to see what styles can be created for these html elements.
colas@0
   310
d14 2
colas@0
   311
a15 2
colas@0
   312
	1 All TWiki class names have the prefix =twiki=. So: twikiEditPage, twikiTopicAction, etcetera. Remember that CSS class names are case sensitive - TWiki CSS uses lowercase =tw=.
colas@0
   313
	1 TWiki uses class names only (.twikiViewPage) and no id names (#twikiViewPage), to allow multiple class names. Class names are written using the dot prefix.
colas@0
   314
d18 1
colas@0
   315
a18 1
colas@0
   316
---++ CSS classes
colas@0
   317
d20 16
colas@0
   318
a35 1
colas@0
   319
---+++ Classes from core code
colas@0
   320
a36 4
colas@0
   321
|.twikiNew  |Changes.pm  |
colas@0
   322
|.twikiChangeFormButtonHolder  |Edit.pm  |
colas@0
   323
|.twikiChangeFormButton  |Form.pm  |
colas@0
   324
|.twikiForm  |Form.pm  |
colas@0
   325
a40 1
colas@0
   326
|.twikiEditFormCheckboxButton  |Form.pm  |
colas@0
   327
d42 1
colas@0
   328
d45 1
colas@0
   329
a45 3
colas@0
   330
|.twikiRadioButton  |Form.pm  |
colas@0
   331
|.twikiCheckbox  |Form.pm  |
colas@0
   332
|.twikiEditFormError  |Form.pm  |
colas@0
   333
d56 1
colas@0
   334
d58 1
colas@0
   335
a58 8
colas@0
   336
|.twikiForm  |Render.pm  |
colas@0
   337
|.twikiAnchorLink  |Render.pm  |
colas@0
   338
|.twikiLink  |Render.pm  |
colas@0
   339
|.twikiNewLink  |Render.pm  |
colas@0
   340
|.twikiNew  |Search.pm  |
colas@0
   341
|.twikiAlert  |Search.pm  |
colas@0
   342
|.twikiAlert  |Statistics.pm  |
colas@0
   343
|.twikiAlert  |TWiki.pm  |
colas@0
   344
d62 28
colas@0
   345
a89 1
colas@0
   346
---+++ Classes from Plugins
colas@0
   347
d91 1
colas@0
   348
a91 4
colas@0
   349
*[[TablePlugin]]*
colas@0
   350
|.twikiSortedAscendingCol  |!TablePlugin.pm  |
colas@0
   351
|.twikiSortedDescendingCol  |!TablePlugin.pm  |
colas@0
   352
|.twikiFirstCol  |!TablePlugin.pm  |
colas@0
   353
d93 1
colas@0
   354
a93 1
colas@0
   355
---++ Going further
colas@0
   356
a94 1
colas@0
   357
!PatternSkin makes fully use of CSS in its templates. Read the PatternSkin topic and PatternSkinCss to learn more about adjusting !PatternSkin, or creating your own CSS-based skin.
colas@0
   358
d96 2
colas@0
   359
a97 1
colas@0
   360
See also: DragonSkin.
colas@0
   361
d101 2
colas@0
   362
a102 1
colas@0
   363
-- TWiki:Main.ArthurClemens - 08 Aug 2004
colas@0
   364
a103 1
colas@0
   365
colas@0
   366
@
colas@0
   367
colas@0
   368
colas@0
   369
1.1
colas@0
   370
log
colas@0
   371
@none
colas@0
   372
@
colas@0
   373
text
colas@0
   374
@d1 1
colas@0
   375
a1 1
colas@0
   376
%META:TOPICINFO{author="PeterThoeny" date="1092471700" format="1.0" version="1.1"}%
colas@0
   377
@