Skip to content

Specify Forums

Personal tools
You are here: Home » Cool Features » Introduction to the use of css in the Specify Web Interface

Introduction to the use of css in the Specify Web Interface

Document Actions

Below is a listing of all of the components in the Specify.css cascading style sheet. This listing contains the effects of modification of each element using the Specify Web Interface defaults.

h1
This is heading one, it is not used by default in the Specify Web Interface, but it may be added by modifying one of the html pages.

h2
This is heading two, it is not used by default in the Specify Web Interface, but it may be added by modifying one of the html pages.

h3
This is heading three, it is used in all html pages. Changing the style of h3 by default affects:
Heading "Specify Web Databases" on the first page (database page).
Heading "Specify Query for (Database)" on query listings page.
Heading "Specify Query (Query name) for (Database)" on pick query page.
Heading "Specify Query for (Database)" on run query page.
Heading "Query Results" on run query page.

h4
This is heading four, it is used for some of the html pages. Changing the style of h4 by default affects:
Heading "The Specify Database available is (Database)" on the database page.
Some of the style elements such as text-decoration will affect the query table on the pick query page.

h5
This is heading five, it is not used by default in the Specify Web Interface, but it may be added by modifying one of the html pages.

h6
This is heading six, it is not used by default in the Specify Web Interface, but it may be added by modifying one of the html pages.

a:link, a:visited
Not used by default.

a:hover
Not used by default.

blockquote
Not used by default.

body
This is the main style element of the site. It contains the style for the site background, scroll-bars, margins, and default text.

caption
By default, modifications to this style will not change your Web Interface. For this style to have an impact, you must change the html.

p
This is the style of paragraphs for the site. Changing values will affect the site in the following ways by default:
The text-decoration of the "Query" button on the database page can be changed, the color will remain black.
The heading "The Specify Database query available is (Query)" on the QueryListings page.
The caption "Maximum number of records to return (Limit: 100)" on the PickQuery page.
Also on the PickQuery page, the style of the input box associated with the maximum number of results to return as well as the "Get Results" caption of the button can be modified.

td
This is for table data, it is used mainly on the PickQuery page. By default, modifying this style will change:
Data elements in the table on the PickQuery page.

th
This is for the table header on the pick query page. Changes to this style will change this table. Certain changes will change the results table in your web interface so please update your css file to avoid this.

.sp-buttoncancel
This button is not used by default.

.sp-buttongetresults
This button is the get results button, on the pick query page.

.sp-buttonlogon
This is the query button on the first page of the web interface.

.sp-error
This is the message that is displayed when an error occurs.

.sp-listbox
By default, modifications to this style will not change your Web Interface. For this style to have an impact, you must change the html.

.sp-logo
This modifies the style of the logo located at the top of each page.

.sp-pagebeginspacer
By default, modifications to this style will not change your Web Interface. For this style to have an impact, you must change the html.

.sp-queryresultstablebodytd
This is the style of body of the table your query results are displayed in.

.sp-queryresultstableheadertd
This is the style of the header for the table your query results are displayed in.

.sp-regulartext
By default, modifications to this style will not change your Web Interface. For this style to have an impact, you must change the html.

.sp-subtitle
By default, modifications to this style will not change your Web Interface. For this style to have an impact, you must change the html.

.sp-tablebody
By default, modifications to this style will not change your Web Interface. For this style to have an impact, you must change the html.

.sp-textbox
By default, modifications to this style will not change your Web Interface. For this style to have an impact, you must change the html.

Back to Cool Tips

Created by cj
Last modified 2006-05-10 12:28 PM
 

Powered by Plone

This site conforms to the following standards: