Search
Print screen without any additional CSS

Structure with classes and id's
div.moduletable_zoeken
h3 Zoeken
form
div.search_zoeken
input.inputbox_zoeken#mod_search_searchword
input.button_zoeken
CSS
div.moduletable_zoeken {
margin-bottom: 15px;
}
div.search_zoeken { }
div.search_zoeken input.inputbox_zoeken {
margin-right: 2px;
padding: 2px 0 0 2px;
}
div.search_zoeken input.button_zoeken { }
Print screen after applying CSS

Search results
Print screen without any additional CSS.

Structure with classes and id's
div.componentheading
form#searchForm
input#area_content label Artikelen
input#area_weblinks label Weblinks
input#area_contacts label Contacten
table.contentpaneopen
Zoek alleen in:tr
td label Zoekterm:
td input.inputbox#search_searchword
button.button Zoeken
tr
td
input#searchphraseall label Alle woorden
input#searchphraseany label Ieder woord
input#searchphraseexact label Exacte zin
input#searchphraseall label Alle woorden
input#searchphraseany label Ieder woord
input#searchphraseexact label Exacte zin
tr
td
label Volgorde: select.inputbox#ordering
label Volgorde: select.inputbox#ordering
input#area_content label Artikelen
input#area_weblinks label Weblinks
input#area_contacts label Contacten
table.searchintro
tr td Zoekterm lorem
tr td Totaal: 17 resultaten gevonden
tr td Totaal: 17 resultaten gevonden
div (align:center)
div (float: right)
label Toon #
select.inputbox#limit
label Toon #
select.inputbox#limit
div Pagina 1 van 4
table.contentpaneopen
tr td
fieldset
div
span.small 1. a Voorpagina artikel 9
span.small (voorpagina/Voorpagina artikel 4)
span.small 1. a Voorpagina artikel 9
span.small (voorpagina/Voorpagina artikel 4)
div
span.highlight Lorem
span.highlight Lorem
span.highlight Lorem
span.highlight Lorem
tr td
div (align:center) span.pagenav
CSS
form#searchForm { }
form#searchForm table.contentpaneopen td {
padding: 0 0 5px 0;
}
table.contentpaneopen td label { }
table.contentpaneopen td input#search_searchword { }
table.contentpaneopen td button.button { }
table.contentpaneopen input#searchphraseall { }
table.contentpaneopen input#searchphraseany { }
table.contentpaneopen input#searchphraseexact { }
table.contentpaneopen td select#ordering { }
form#searchForm input#area_content { }
form#searchForm input#area_weblinks { }
form#searchForm input#area_contacts { }
form#searchForm input#area_categories { }
form#searchForm input#area_sections { }
form#searchForm input#area_newsfeeds { }
form#searchForm label { }
table.searchintro {
width: 100%;
}
form#searchForm div {
width: 100px;
margin-bottom: 20px;
}
form#searchForm div div {
margin: 0;
}
form#searchForm div div label { }
form#searchForm div div select#limit { }
table.contentpaneopen td fieldset {
border: none;
margin: 0 0 10px 0;
}
table.contentpaneopen td fieldset div span.small {
display: block;
padding: 3px 0 3px 0;
}
table.contentpaneopen td a,
table.contentpaneopen td a:visited { }
table.contentpaneopen td a:hover { }
table.contentpaneopen td fieldset div span.highlight {
font-weight: bold;
background-color: #ff0000;
color: #ffffff;
}
table.contentpaneopen td div span.pagenav { }
Print screen after applying CSS


