All official European Union website addresses are in the europa.eu domain.
See all EU institutions and bodiesDo something for our planet, print this page only if needed. Even a small action can make an enormous difference when millions of people do it!
Just like pullquote styles, box styles can be used to add emphasis to a section of content wrapping the selected content with a given box background color.
Note style is used for info message mimicking those found within charts.
Due to compatibility reasons the font size for this style is fixed to 12px.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid eaque inventore ipsum, iure quidem quisquam. A autem deserunt dicta ducimus eos expedita facilis hic illo perferendis possimus quo voluptate, voluptatum?
Mattis pellentesque id nibh tortor id aliquet. Amet nisl purus in mollis nunc. Quisque non tellus orci ac auctor augue mauris. Faucibus vitae aliquet nec ullamcorper sit amet risus nullam eget. A diam sollicitudin tempor id. Sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus.
Mattis pellentesque id nibh tortor id aliquet. Amet nisl purus in mollis nunc. Quisque non tellus orci ac auctor augue mauris. Faucibus vitae aliquet nec ullamcorper sit amet risus nullam eget. A diam sollicitudin tempor id. Sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus.
Quisque non tellus orci ac auctor augue mauris. Faucibus vitae aliquet nec ullamcorper sit amet risus nullam eget. A diam sollicitudin tempor id. Sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Amet consectetur adipiscing elit pellentesque habitant. Fermentum odio eu feugiat pretium nibh ipsum consequat nisl vel. Viverra mauris in aliquam sem. Turpis massa sed elementum tempus egestas sed sed risus pretium. Fermentum iaculis eu non diam phasellus. Consequat id porta nibh venenatis.
Mattis pellentesque id nibh tortor id aliquet. Amet nisl purus in mollis nunc. Quisque non tellus orci ac auctor augue mauris. Faucibus vitae aliquet nec ullamcorper sit amet risus nullam eget. A diam sollicitudin tempor id. Sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus.
Quisque non tellus orci ac auctor augue mauris. Faucibus vitae aliquet nec ullamcorper sit amet risus nullam eget. A diam sollicitudin tempor id. Sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Amet consectetur adipiscing elit pellentesque habitant. Fermentum odio eu feugiat pretium nibh ipsum consequat nisl vel. Viverra mauris in aliquam sem. Turpis massa sed elementum tempus egestas sed sed risus pretium. Fermentum iaculis eu non diam phasellus. Consequat id porta nibh venenatis.
Each box has the following options:
All of these box variants are selectable from the editor style dropdown.
Example:
Non diam phasellus vestibulum lorem sed risus ultricies tristique nulla. Elementum nibh tellus molestie nunc non blandit. Et malesuada fames ac turpis egestas maecenas pharetra.
Donec enim diam vulputate ut pharetrasit amet aliquam id. Euismod lacinia at quis risus sed vulputate odio ut.
Cursus turpis massa tincidunt dui ut ornare lectus sit amet. Venenatis tellus in metus vulputate eu. Sagittis id consectetur purus ut. Ultricies mi eget mauris pharetra et ultrices. Eu lobortis elementum nibh tellus molestie nunc non blandit massa.
Mattis pellentesque id nibh tortor id aliquet. Amet nisl purus in mollis nunc. Quisque non tellus orci ac auctor augue mauris.
Donec enim diam vulputate ut pharetrasit amet aliquam id. Euismod lacinia at quis risus sed vulputate odio ut.
Cursus turpis massa tincidunt dui ut ornare lectus sit amet. Venenatis tellus in metus vulputate eu. Sagittis id consectetur purus ut. Ultricies mi eget mauris pharetra et ultrices. Eu lobortis elementum nibh tellus molestie nunc non blandit massa.
Mattis pellentesque id nibh tortor id aliquet. Amet nisl purus in mollis nunc. Quisque non tellus orci ac auctor augue mauris. Faucibus vitae aliquet nec ullamcorper sit amet risus nullam eget.
Just like boxes we can also make use of fullwidth background sections to add emphasis to the given area.
Also like the boxes we have 3 color options:
Full width background section with primary background color
Full width background section with secondary background color
Full width background section with tertiary background color
Besides the simple styles, you can also nest several styles for a combined effect in case it fit's the page design.
This way you can nest a Inline quote within a Fullwidth background section.
Besides the styles that you can select from the style dropdown we also have several templates that wrap several html tags in order to have more complex styles.
Here we list the following templates:
Tiles are templates used to write a large impact text or a title followed by a video.
Within tiles we have the following variations:
Tiles have a tile--bordered modifier which if applied adds a top and bottom grey border to the tile section.
They can also be wrapped with fullwidth background sections in case we need to provide such a focus area for the tiles.
For references, please go to https://www.eea.europa.eu/code/design-elements/tinymce_styles or scan the QR code.
PDF generated on 12 Sep 2024, 04:01 PM
Engineered by: EEA Web Team
Software updated on 26 September 2023 08:13 from version 23.8.18
Software version: EEA Plone KGS 23.9.14
Document Actions
Share with others