Style-Sheet

The style-sheet contains the required Cascading Style Sheet (CSS) markup for the site. Some knowlege of CSS is required to customise this!

Here is the style-sheet used by the Veedub (this) site:

body {
    color: black;
    background-color: #fefefe;
    font-family:arial,helvetica,sans-serif; font-size:10pt;
}

a:link    { color:MediumBlue; text-decoration:none; }
a:visited { color:MediumBlue; text-decoration:none; }
a:active  { color:black; text-decoration:none; }
a:hover   { color:black; text-decoration:underline; }

h1 {
   font-size:160%; font-weight:bold;
   margin-top:1.5em; margin-bottom:1.0em;
}
h2 {
   font-size:140%; font-weight:bold;
   margin-top:1.2em; margin-bottom:0.7em;
}
h3 {
   font-size:120%; font-weight:bold;
   margin-top:1.0em; margin-bottom:0.5em;
}
h4 {
   font-size:110%; font-weight:bold;
   margin-top:0.5em; margin-bottom:0.5em;
}
h5 {
   font-size:110%; font-weight:bold;
   margin-top:0.1em; margin-bottom:0;
}
h6 {
   font-size:110%; font-weight:bold;
   margin-top:0.1em; margin-bottom:0;
}

th, td { vertical-align:top; }

.veedub_site   { vertical-align:bottom; }

.veedub_title {
   font-size:150%;
   padding-top:7px;
}

.veedub_main {
   width:100%;
   padding-bottom:1em;
}

.veedub_left {
   vertical-align:top;
   padding:1em;
   width:10%;
   white-space:nowrap;
}

.veedub_middle {
   vertical-align:top;
   padding:1em;
   max-width:85%; min-width:85%;
}

.veedub_right   {
   vertical-align:top;
   padding:1em;
   white-space:nowrap;
   width:5%;
}

.veedub_content {
   border-style:solid; border-width:1px;
   border-color:DarkGrey;
   padding: 1em 1em 1em 1em;
}

.veedub_footer {
   width:100%;
   vertical-align:top;
   font-size:80%;
   padding:1em;
}

There is another style-sheet containing all of the VWcms-specific markup:

/*************************/
/* VWcms required styles */
/*************************/

/* of course, these can be overridden in the _STYLESHEET.CSS */

/* navigation menu */
.vwcms_toc_img { margin:0.1em; margin-right:0.1em; }
.vwcms_toc_num { margin:0.2em; margin-right:0.2em; }
.vwcms_toc_1   { margin-top:0.1em; margin-bottom:0.1em; margin-left:0em; }
.vwcms_toc_2   { margin-top:0.1em; margin-bottom:0.1em; margin-left:1em; }
.vwcms_toc_3   { margin-top:0.1em; margin-bottom:0.1em; margin-left:2em; }

/* navigation drop-down selector */
.vwcms_toc_sel { margin:0.1em; margin-right:0.5em; }
.vwcms_toc_opt { margin:0.1em; margin-right:0.5em; }

/* navigation print TOC */
.vwcms_toc_print { margin:1em; margin-left:3em; }

/* site map */
.vwcms_map_num { margin:0.1em; margin-right:0.5em; }
.vwcms_map_1   { margin-top:0.1em; margin-bottom:0.1em; margin-left:0em; }
.vwcms_map_2   { margin-top:0.1em; margin-bottom:0.1em; margin-left:2em; }
.vwcms_map_3   { margin-top:0.1em; margin-bottom:0.1em; margin-left:4em; }

/* message categories */
.vwcms_error {
   padding:3px;
   font-size:130%; font-weight:bold;
   background-color:red; color:black;
}
.vwcms_warn {
   padding:3px;
   font-size:130%; font-weight:bold;
   background-color:yellow; color:black;
}
.vwcms_inform {
   padding:3px;
   font-size:130%; font-weight:bold;
   background-color:lime; color:black;
}

/* <<PREV and NEXT>> */
.vwcms_prev_next { font-weight:bold; }

/* the print item */
.vwcms_print { font-size:120%; }

/* the login/logout item */
.vwcms_loginto { }

/* the search item */
.vwcms_search input {
   font-size:80%;
   border:1px; border-color:DarkGrey; border-style:solid;
   white-space:nowrap; 
}

/* results from a search */
.vwcms_result { margin-bottom:0.2em; font-weight:bold; }
.vwcms_result_quote { margin-bottom:0.2em; margin-top:0.1em; }
.vwcms_result_count { margin-right:0.5em; font-weight:bold; }

/* the IFRAME style when an external URL is $$INCLUDE$$ */
.vwcms_include { }


/*************************/
/* VWcms Site Management */
/*************************/

/* manage button */
.manage_btn {
    font-size: 80%;
    border-style: solid;
    border-color: #444444;
    border-width: 1px;
}

/* manage <select> */
.manage_sel {
    font-size:80%;
    border-style:outset;
    border-color: #444444;
    border-width:1px;
}

/* manage <input type="text"> */
.manage_txt {
    font-size:80%;
    border-style:inset;
    border-color: #444444;
    border-width:1px;
}

/* manage <textarea> */
.manage_textarea {
    border-style: solid;
    border-color: #444444;
    border-width: 1px;
}

/* manage resource item */
.manage_res_table td { padding:0.1em; padding-right:1em; }
.manage_res_name { margin-top:0.2em; font-weight:bold; }

/* attention! this is a draft */
.manage_draft { font-size:120%; font-weight:bold; color:coral; }


/*******/
/* end */
/*******/

This is loaded prior to the site-specific style-sheet and so equivalent CSS markup included in the site sheet can be used to override that in the VWcms sheet. It is recommended not to modify the VWcms sheet (as this may change from release-to-release).