CSS Suggestion w/ i.e.

["John C. Sweeney" <jswee0tu mwc edu>]

Gnome Documentation Project:  
    
    I was thinking that adding CSS formatting to some of the core 
documenation files, such as any cover or introductory pages, would 
enhance the overall appearance of the Gnome, or Nautilus, help system. 
I've attached a sample "default-page.html", along with my personal CSS 
file and an image.  The image is rather generic, but highlighted 
outlining of hyperlinks is a feature you may consider adding to major 
Gnome 2.0 html help files.  If used in the right manner, CSS1 & CSS2 
could improve on the readability of the documentation.  Just a 
suggestion.  Good luck with the project.

~John C. Sweeney
~Computer Science Major
~Mary Washington College

/*
 * Author.....:  John Sweeney
 * Filename...:  myStyle.css
 * Date.......:  01/29/02
 * Description:  An external cascading style sheet (CSS).
 *
 */

a:link { text-decoration: none;
         background-color: transparent;
         color: #00ff00; }

a:visited { text-decoration: none;
            font-style: italic;
            background-color: transparent;
            color: #ffffff; }

a:active { text-decoration: none;
           font-style: bold;
           background-color: transparent;
           color: #00ff00; }

a:hover.spec { text-decoration: none;
               background-color: #008080;
               color: #00ff00; }

a.nodecor { text-decoration: none;
            background-color: transparent;}

img:hover.button { outline: solid red 1px; }

body { font-family: 'lucida sans unicode','ms sans',sans-serif,serif;
       color: #00ff00;
       background-image: url('images/ibm.jpg');
       background-color: transparent;
       background-repeat: repeat;
       background-attachment: scroll; }

table { text-align: center; }             
        
table caption { text-align: bottom center;
                vertical-align: bottom;
                white-space: nowrap; }
                
tr, td, th { text-align: center;
             vertical-align: top; }

tbody, thead { text-align: center;
               vertical-align: top; }             
                           
h1, h2, h3, h4, h5, h6 { text-align: center; }

fieldset { color: #000000;
           background-color: #bebebe; }

#feedbox { border-color: #a9a9a9;
           background-color: #d3d3d3;
           color: #000080;
           margin: 5px;
           border-style: double;
           border-width: 17px; }

#bannerbox { border-color: #a9a9a9;
             background-color: #d3d3d3;
             color: #000080;
             margin: auto;
             border-style: outset;
             border-width: 17px; }

#boxster { border-color: #a9a9a9;
           background-color: #d3d3d3;
           color: #006400;
           margin: auto;
           border-style: dotted;
           border-width: 4px; }

#footer { border-left: 3px dashed #000000;
          border-right: 3px dashed #000000;
          border-top: 3px dashed #000000;
          border-bottom: 3px none #000000;
          background-image: url('none');
          float: left;
          background-position: 0% 100%;
          background-color: #c0c0c0;
          color: #FFFFFF;
          width: 130;
          vertical-align: bottom;
          height: 040;
          margin: 0px; 
          text-align: left; 
          text-indent: 0; 
          word-spacing: 0; 
          line-height: 100%; 
          text-decoration: overline;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 0; }
          
a.glow:hover { background-image: url('none');
               background-color: #008080;
               border: 4px solid #ff0000;               
               color: #00ff00;
               three-d-shadow: #808080 }           

#fnote { border-left: 4px none #00ff00;
         border-right: 4px none #00ff00;
         border-top: 4px solid #00ff00;
         border-bottom: 4px none #00ff00;
         background-image: url('none');
         background-position: center 50%;
         background-color: #008000;
         width: 75%;
         vertical-align: middle;
         text-align: center;
         height: 25px; }

#hide { display: none; }

#mid { text-align: center; }

div.marg { margin-right: 0.5in;
           margin-left: 0.5in;
           margin-bottom: 0.5in;
           margin-top: 0.5in; }

ol.whitelist { display: list-item;
               background-color: transparent;
               color: #ffffff;
               list-style-type: upper-roman; }

ul.limelist { display: list-item;
              background-color: transparent;
              color: #00ff00;
              list-style-type: square; }

.footnote { background-image: url('images/valid-xhtml10.gif');
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: 0% 100%;
            float: left;
            text-align: right;
            text-indent: 0;
            word-spacing: 0;
            line-height: 100%;
            width: 110;
            height: 31; 
            text-decoration: overline underline; 
            position: absolute;
            left: -31;
            top: 0;
            z-index: 0;
            margin-left: 0;
            margin-right: 31;
            margin-top: 0;
            margin-bottom: 0; }

.red { color: #ff0000; }

.irish { background-image: url('images/shamrock.gif');
         background-position: 50% 50%;
         background-color: transparent;
         background-repeat: no-repeat;
         background-attachment: fixed;
         width: 75px;
         height: 75px; }

.blank { background-color: transparent;
         color: #000000; }

.nodec { text-decoration: none;
         background-color: transparent; }

.vivid { font-family: arial, roman, modern, serif;
         font-weight: bold;
         background-color: transparent;
         color: #008080; }

.decor { font-family: 'vivaldi italic', roman, serif;
         background-color: transparent;
         color: #f8f8ff; }

.tac { text-align: center; }

.larger { font-size: 6em; }

.bigger { font-size: 2.5em;
          font-style: italic; }

.plain { font-family: monospace, fixedsys, serif;
         color: #ffffff;
         font-style: italic; }

.indent { text-indent: 1em; }

.nobreak { white-space: nowrap; }

.mini { font-size: 0.8em; }

.shrink { font-size: 0.4em; }

.magnify { font-size: 4.5em; }

.uline { text-decoration: underline; }

Title: GNOME Project

HELP INDEX

GNOME User's Guide
Man Pages Info Pages GNOME Documents