User login
Artists P02 Theme Drupal 6 Live Demo
This is Drupal 6 powered live demo of Artists P02 professional Drupal theme. Here you can look and feel the Artists P02 in real environment, using various web browsers. Please have in mind that Artists P02 is highly configurable Drupal theme, therefore here is showcased only a small subset of available theme features.
Advanced Styling
by themeartists
This page presents 11 of 55 advanced styling options of Artists P02 Theme.
All these options can be easily applied using simple css class selectors.
With 55 different class selectors, the uniform and flexible advanced content styling is readily available.
Usage of advanced styling - Alignment
<p class="align-left">Your content goes here!</p>:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean fringilla urna at leo. Curabitur in urna. Donec consectetuer, mauris a tempus elementum, tellus ligula porttitor odio, nec interdum ligula nunc in lectus. Vestibulum ante ipsum primis in faucibus orci luctus.
<p class="align-right">Your content goes here!</p>:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean fringilla urna at leo. Curabitur in urna. Donec consectetuer, mauris a tempus elementum, tellus ligula porttitor odio, nec interdum ligula nunc in lectus. Vestibulum ante ipsum primis in faucibus orci luctus.
<p class="align-justify">Your content goes here!</p>:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean fringilla urna at leo. Curabitur in urna. Donec consectetuer, mauris a tempus elementum, tellus ligula porttitor odio, nec interdum ligula nunc in lectus. Vestibulum ante ipsum primis in faucibus orci luctus.
<p class="align-center">Your content goes here!</p>:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean fringilla urna at leo. Curabitur in urna. Donec consectetuer, mauris a tempus elementum, tellus ligula porttitor odio, nec interdum ligula nunc in lectus. Vestibulum ante ipsum primis in faucibus orci luctus.
Usage of advanced styling - Margins
<p class="margin-zero">Your content goes here!</p>:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean fringilla urna at leo.
<p class="margin-x">Your content goes here!</p>:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean fringilla urna at leo.
<p class="margin-xx">Your content goes here!</p>:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean fringilla urna at leo.
<p class="margin-xxx">Your content goes here!</p>:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean fringilla urna at leo.
<p class="margin-left-xx">Your content goes here!</p>:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean fringilla urna at leo.
Usage of advanced styling - Text Size
<p class="small-text">Your content goes here!</p>:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<p class="big-text">Your content goes here!</p>:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
