CSS Classes for Sections and Content Fragements

Document Properties Marker

Short Description

Describes the classes to define to format the main index.

Doctype

docmodule

hide

Name

CSS Classes for Sections and Content Fragements

Parent

Parent Property

property-name	Name

Audience

Name List

doctype	role
render-no-hits-as-blank	true
property	Audience

Tags

Tag List

property	Tags

Iteration


value	finished

Type

Name List

doctype	module-type
render-no-hits-as-blank	true
property	Type

Sort Key

hide

Section

title	Description

Section

title	Content

Assume an index contains h2, ul, and link elements.

The following CSS statements format the main index for a container with a class attribute value of projectdoc-topic-main-index.

Code Block Placeholder

code-language	CSS

/* Headings */
.projectdoc-topic-main-index h2 {
  color: #FFA62F;
  margin-top: 10px;
  font-size: 12pt;
}
div.hasIdOrTags.projectdoc-topic-main-index {
  opacity: 1.0;
}
/* Lists */
.projectdoc-topic-main-index ul {
  color: #3B73AF;
  margin-top: 0px;
  margin-bottom: 9px;
}
/* Links */
.projectdoc-topic-main-index a:link,  .projectdoc-topic-main-index a:visited {
  color: #3B73AF;
}
.projectdoc-topic-main-index a:hover {
  color: #F87217;
}
.projectdoc-topic-main-index a:active {
  color: #C35817;
}

Add these statements to the space stylesheet:

The result for the example above:

Content Marker

required-roles	smartics

On the other hand it is now (as of projectdoc Toolbox 2.0.0) possible to style the section more easily than defining your own CSS classes:

We predefined some CSS classes to support rounded boxes and different colors.

Using the CSS class projectdoc-section-box the following styles are applied:

Code Block
.projectdoc-section-box { border-radius: 25px; padding: 20px; margin-bottom: 5px; margin-top: 25px; }

Now in conjunction with three templates for css classes colored boxes can be rendered:

heading font color: projectdoc-h-COLORNAME
content font color: projectdoc-c-COLORNAME
background color: projectdoc-bg-COLORNAME

Section

Column

e.g.:

projectdoc-section-box
projectdoc-h-White
projectdoc-c-DarkBlue
projectdoc-bg-Darkorange

set as macro property value of "CSS Classes"

is rendering to:

Section

css	projectdoc-section-box projectdoc-h-White projectdoc-c-DarkBlue projectdoc-bg-Darkorange
title	Example of a colored section

This is an example of a colored section.

This is an example of a colored section.
This is an example of a colored section.

Column

Here is a list of all supported HTML color names for the CSS templates:

Code Block

AliceBlue
AntiqueWhite
Aqua
Beige
Black
BlanchedAlmond
Blue
BlueViolet
Brown
BurlyWood
CadetBlue
Chartreuse
Chocolate
Coral
CornflowerBlue
Cornsilk
Crimson
Cyan
DarkBlue
DarkCyan
DarkGoldenRod
DarkGray
DarkGrey
DarkGreen
DarkKhaki
DarkMagenta
DarkOliveGreen
Darkorange
DarkOrchid
DarkRed
DarkSalmon
DarkSeaGreen
DarkSlateBlue
DarkSlateGray
DarkTurquoise
DarkViolet
DeepPink
DeepSkyBlue
DimGray
DodgerBlue
FireBrick
FloralWhite
ForestGreen
Fuchsia
Gainsboro
GhostWhite
Gold
GoldenRod
Gray
Grey
Green
GreenYellow
HoneyDew
HotPink
IndianRed
Indigo
Ivory
Khaki
Lavender
LavenderBlush
LawnGreen
LemonChiffon
LightBlue
LightCoral
LightCyan
LightGoldenRodYellow
LightGray
LightGrey
LightGreen
LightPink
LightSalmon
LightSeaGreen
LightSkyBlue
LightSlateGray
LightSlateGrey
LightSteelBlue
LightYellow
Lime
LimeGreen
Linen
Magenta
Maroon
MediumAquaMarine
MediumBlue
MediumOrchid
MediumPurple
MediumSeaGreen
MediumSlateBlue
MediumSpringGreen
MediumTurquoise
MediumVioletRed
MidnightBlue
MintCream
MistyRose
Moccasin
NavajoWhite
Navy
OldLace
Olive
OliveDrab
Orange
OrangeRed
Orchid
PaleGoldenRod
PaleGreen
PaleTurquoise
PaleVioletRed
PapayaWhip
PeachPuff
Peru
Pink
Plum
PowderBlue
Purple
Red
RosyBrown
RoyalBlue
SaddleBrown
Salmon
SandyBrown
SeaGreen
SeaShell
Sienna
Silver
SkyBlue
SlateBlue
SlateGray
SlateGrey
Snow
SpringGreen
SteelBlue
Tan
Teal
Thistle
Tomato
Turquoise
Violet
Wheat
White
WhiteSmoke
Yellow

Section

title	Subordinate Modules

Display Table

doctype	docmodule
render-no-hits-as-blank	true
select	Name, Short Description
restrict-to-immediate-children	true
sort-by	Sort Key, Name

Section

title	Transcluded By

Display Table

render-no-hits-as-blank	true
select	Name, Short Description, Doctype
sort-by	Sort Key, Name
where	$<TranscludedDocumentTitles>=[${Space Key}.${Name}]

Section

required-permissions	write-access
title	Notes

Section

title	References

Section

title	Resources

Space shortcuts

Page tree

Docs

Support

Free Blueprints

Tooling for Blueprints

Free Extensions

Spaces

Plugins for Maven

Incubator

Libraries for Java

Incubator

Add-ons for Confluence

Tools

Support

Team

Legal

Versions Compared

Old Version 2

New Version 3

Key

About

Keep up-to-date!

Powered by