Blockquotes can be used anywhere in the TAS website. They are added via HTML, by switching from “Visual” to “Text” in an opentext field. Then, add an opening and closing <blockquote> element. The coloring of them can be modified using various classes outlined below.
This is placeholder to aid in comparison and show how the blockquotes will display on a normal page. Aenean eget ultricies enim. Cras a euismod lorem. Proin auctor nibh purus, et euismod quam malesuada at. Fusce fringilla orci eu nibh convallis, vel pretium nibh eleifend. Donec faucibus sagittis est ut pharetra. Vivamus pulvinar, ex eget aliquet tincidunt, ligula nulla sodales augue, a facilisis erat odio eget dui. Proin volutpat ex eget lacus hendrerit dapibus ac non libero. Ut auctor nibh sed nisl iaculis vulputate. Duis hendrerit, quam eu tempus tempor, turpis ipsum fermentum neque, eget egestas augue dolor vitae ligula. Nullam gravida facilisis ornare. Donec eget ex porttitor ligula aliquet cursus. Nullam ultrices augue vitae libero tincidunt commodo. Praesent luctus pulvinar felis, sit amet faucibus ligula sodales eu. Vivamus consequat risus a nibh tincidunt, in tincidunt nulla scelerisque. Sed semper iaculis quam, ut faucibus nibh vehicula sed. Mauris sed varius leo.
Blockquote (No Class)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tellus neque, efficitur sed vestibulum quis, auctor eu nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ornare augue eu eleifend interdum. Sed pretium, metus et blandit malesuada, arcu dui laoreet libero, a hendrerit justo justo vitae lorem. Vivamus consequat ultrices sagittis. Sed vestibulum quam vel pellentesque elementum. Integer at ultrices metus.
Background = Platinum Blue
Left Border = Slate Grey
Do not add a class to the <blockquote> element
Violet Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tellus neque, efficitur sed vestibulum quis, auctor eu nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ornare augue eu eleifend interdum. Sed pretium, metus et blandit malesuada, arcu dui laoreet libero, a hendrerit justo justo vitae lorem. Vivamus consequat ultrices sagittis. Sed vestibulum quam vel pellentesque elementum. Integer at ultrices metus.
Background = Violet (90% Roadmap Appeals)
Left Border = Roadmap Appeals Purple
Use a class of “violet” on the <blockquote> element
Teal Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tellus neque, efficitur sed vestibulum quis, auctor eu nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ornare augue eu eleifend interdum. Sed pretium, metus et blandit malesuada, arcu dui laoreet libero, a hendrerit justo justo vitae lorem. Vivamus consequat ultrices sagittis. Sed vestibulum quam vel pellentesque elementum. Integer at ultrices metus.
Background = Sky Teal
Left Border = Teal
Use a class of “teal” on the <blockquote> element
Green Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tellus neque, efficitur sed vestibulum quis, auctor eu nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ornare augue eu eleifend interdum. Sed pretium, metus et blandit malesuada, arcu dui laoreet libero, a hendrerit justo justo vitae lorem. Vivamus consequat ultrices sagittis. Sed vestibulum quam vel pellentesque elementum. Integer at ultrices metus.
Background = 90% Light Green
Left Border = 35% Light Green
Use a class of “green” on the <blockquote> element
Blue Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tellus neque, efficitur sed vestibulum quis, auctor eu nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ornare augue eu eleifend interdum. Sed pretium, metus et blandit malesuada, arcu dui laoreet libero, a hendrerit justo justo vitae lorem. Vivamus consequat ultrices sagittis. Sed vestibulum quam vel pellentesque elementum. Integer at ultrices metus.
Background = 95% Teal
Left Border = Steel Blue
Use a class of “blue” on the <blockquote> element
Yellow Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tellus neque, efficitur sed vestibulum quis, auctor eu nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ornare augue eu eleifend interdum. Sed pretium, metus et blandit malesuada, arcu dui laoreet libero, a hendrerit justo justo vitae lorem. Vivamus consequat ultrices sagittis. Sed vestibulum quam vel pellentesque elementum. Integer at ultrices metus.
Background = 90% Mustard
Left Border = Mustard
Use a class of “yellow” on the <blockquote> element
Charcoal Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tellus neque, efficitur sed vestibulum quis, auctor eu nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ornare augue eu eleifend interdum. Sed pretium, metus et blandit malesuada, arcu dui laoreet libero, a hendrerit justo justo vitae lorem. Vivamus consequat ultrices sagittis. Sed vestibulum quam vel pellentesque elementum. Integer at ultrices metus.
Background = 90% Charcoal Slate
Left Border = Charcoal Slate
Use a class of “charcoal” on the <blockquote> element
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tellus neque, efficitur sed vestibulum quis, auctor eu nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ornare augue eu eleifend interdum. Sed pretium, metus et blandit malesuada, arcu dui laoreet libero, a hendrerit justo justo vitae lorem. Vivamus consequat ultrices sagittis. Sed vestibulum quam vel pellentesque elementum. Integer at ultrices metus.
