Home Wiki > Help:Content elements
Sign up | Login

Help:Content elements

tagline: From openSUSE

div.center

Center elements, display as block. Please do not use the deprecated <center>, but this class instead.

centered text

The code looks like this:

<div class="center">...Content...</div>

div.shell

An xterm like look.

fs@neo:~> lsusb Bus 002 Device 002: ID 046d:c501 Logitech, Inc. Cordless Mouse Receiver Bus 002 Device 001: ID 0000:0000 Bus 001 Device 002: ID 05e3:0605 Genesys Logic, Inc. USB 2.0 Hub [ednet] Bus 001 Device 001: ID 0000:0000

The code looks like this:

<div class="shell">
 ...Content...
</div>

div.pre_hscroll

<pre> with a horizontal scrollbar. Maximum height is 25em. Please use the regular <pre> if your text does not fit the box.

The wiki does not allow parameters for <pre>, therefore <div> has to be used instead.

fs@neo:~> lsusb Bus 002 Device 002: ID 046d:c501 Logitech, Inc. Cordless Mouse Receiver Bus 002 Device 001: ID 0000:0000 Bus 001 Device 002: ID 05e3:0605 Genesys Logic, Inc. USB 2.0 Hub [ednet] Bus 001 Device 001: ID 0000:0000 This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line.

The code looks like this:

<div class="pre_hscroll">
...Content...
</div>

div.pre_scroll

<pre> with a horizontal and vertical scrollbar and a maximum height of 18em.

The wiki does not allow parameters for <pre>, therefore <div> has to be used instead.

fs@neo:~> lsusb Bus 002 Device 002: ID 046d:c501 Logitech, Inc. Cordless Mouse Receiver Bus 002 Device 001: ID 0000:0000 Bus 001 Device 002: ID 05e3:0605 Genesys Logic, Inc. USB 2.0 Hub [ednet] Bus 001 Device 001: ID 0000:0000 This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. fs@neo:~> lsusb Bus 002 Device 002: ID 046d:c501 Logitech, Inc. Cordless Mouse Receiver Bus 002 Device 001: ID 0000:0000 Bus 001 Device 002: ID 05e3:0605 Genesys Logic, Inc. USB 2.0 Hub [ednet] Bus 001 Device 001: ID 0000:0000 This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. fs@neo:~> lsusb Bus 002 Device 002: ID 046d:c501 Logitech, Inc. Cordless Mouse Receiver Bus 002 Device 001: ID 0000:0000 Bus 001 Device 002: ID 05e3:0605 Genesys Logic, Inc. USB 2.0 Hub [ednet] Bus 001 Device 001: ID 0000:0000 This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line. This is a very long line.

The code looks like this:

<div class="pre_scroll">
...Content...
</div>

div.minutes

A class for meeting transcripts.

18:00 <adrianS> Welcome to the openSUSE status meeting 18:00 <adrianS> Martin and Henne are not available today, so I will take over for today 18:01 <adrianS> we have the standard status points 18:01 <adrianS> 1. distribution 18:01 <adrianS> 2. communication 18:01 <adrianS> 3. build service 18:01 <adrianS> additionally we would like to talk about the "guiding principles" proposal shortly 18:01 <adrianS> 1. distribution 18:02 <adrianS> AJ is also unavailable, so he would say that 10.3 Alpha 4 got released as you noticed ;) 18:02 <adrianS> we broke Factory with freetype2 and fixed it again 18:02 <adrianS> next big steps are gcc 4.2 and glibc 2.6 updates 18:03 <adrianS> we do also verify packages with rpmlint internally and we will add this also in the build service 18:03 <adrianS> does anyone have questions regarding the distro ? 18:03 <adrianS> ... 18:04 <adrianS> okay, I move on .... 18:04 <adrianS> 2. Communication 18:04 <apokryphos> what's the status going to be of instlux? Is it going to be supported by the team, or just something extra around? 18:04 <adrianS> My understanding was that it should become part of the distro 18:04 <apokryphos> I think the project is nice and great, but will it be in releasable shape in time? A lot of sites were quite negative about it 18:04 <Beineri> because? 18:05 <apokryphos> it didn't work

The code looks like this:

<div class="minutes">
...Content...
</div>