[libreoffice-website] Re: Style sheets and pages for test.libreoffice.org

Hi Christian, :-)

I looked through http://www.documentfoundation.org/css/style.css

It seems to me that the styles we specifically need are the ones below
(I tried to strip out all the stuff that is already handled in the
theme's existing styles)

See below.

David Nelson


h2 {
    padding: 20px 0 10px 0;
}

h2, h3 {
    color: #0e9cee;
}

h4 {
    margin-top: 1em;
}


div.pre {
    margin:0;
    padding:0;
    border:0;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    vertical-align:baseline;
    margin-bottom:18px;
    background:#eee;
    border:1px solid #ddd;
    padding:12px;
    width: 38em;
}

#download {
    font-size: 300%;
    float: right;
    text-align: center;
    padding: 0.25em;
}


#right-nav {
    float: right;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    margin: 0;
}

#rnav {
    position: relative;
    margin: 0 0 0 0;
}
    #rnav li {
        list-style: none;
        margin-left: 0px;
        padding: 0;
        display: block;
        width: 320px;
    }
        #rnav li a {
            text-indent: -9999px;
            float: right;
            width: 320px;
            height: 50px;
            display: block;
            margin-left: 4px;
            margin-right: 4px;
            margin-top: 6px;
            margin-bottom: 6px;
            font-size: 100%;
            color: #000000;
            font-weight: bold;
            text-decoration: none;
            text-align: left;
        }

        #rnav li.rnav-birthday a {
            height: 400px;
            width: 400px;       
            background: url(/img/anniversary-small.png) no-repeat;
        }
        #rnav li.rnav-download a {
            height: 81px;
            background:
url(/img/controls/ControlElement_Button_DownloadLibreOffice_Default.png)
no-repeat;
        }
        #rnav li.rnav-download a:hover {
            background:
url(/img/controls/ControlElement_Button_DownloadLibreOffice_Mouseover.png)
no-repeat;
        }

        #rnav li.rnav-blue a {
            background:
url(/img/controls/ControlElement_Button_Wide_Blue_Default.png)
no-repeat;
        }
        #rnav li.rnav-blue a:hover {
            background:
url(/img/controls/ControlElement_Button_Wide_Blue_Mouseover.png)
no-repeat;
        }

        #rnav li.rnav-green a {
            background:
url(/img/controls/ControlElement_Button_Wide_Green_Default.png)
no-repeat;
        }
        #rnav li.rnav-green a:hover {
            background:
url(/img/controls/ControlElement_Button_Wide_Green_Mouseover.png)
no-repeat;
        }

        #rnav li.rnav-magenta a {
            background:
url(/img/controls/ControlElement_Button_Wide_Magenta_Default.png)
no-repeat;
        }
        #rnav li.rnav-magenta a:hover {
            background:
url(/img/controls/ControlElement_Button_Wide_Magenta_Mouseover.png)
no-repeat;
        }

        #rnav li.rnav-orange a {
            background:
url(/img/controls/ControlElement_Button_Wide_Orange_Default.png)
no-repeat;
        }
        #rnav li.rnav-orange a:hover {
            background:
url(/img/controls/ControlElement_Button_Wide_Orange_Mouseover.png)
no-repeat;
        }

#right-download {
    float: right;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    margin: 0;
}

#right-download img {
    margin-left: auto;
    margin-right: auto;
}

#screenshot-slide img {
    float: right;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    width: 350px;
    height: 280px;
}


a:focus,
a:hover     { color: #053552; text-decoration: underline;}
a           { color: #0E9CEE; text-decoration: none; }
a:visited   { color: #0369A3; }


#dev-tools {
    position: relative;
    float: right;
    width: 15em;
    margin-left: 0.5em;
    padding-left: 1em;
    border-left: thin solid #ccc;
    overflow: hidden;
}
    #dev-tools dl {}
        #dev-tools dt {
            clear: both;
        }
        #dev-tools dd {
            position: relative;
            overflow: hidden;
        }
            #dev-tools dd form {
                display: block;
                width: 100%;
                text-align: right;
            }

    #dev-tools label a {
        float: left;
        min-width: 10ex;
        text-align: right;
        padding: 0 1ex;
    }


#welcome {
    margin-left: 0px;
    margin-top: 20px;
    width: 500px;
}

#welcome li {
    position: relative;
    list-style: none;
    margin-left: 0px;
    background: url(/img/controls/li-bullet-single-dark.png) no-repeat;
    background-position: 4px 8px;
    padding-left: 30px;
    display: block;
    color: #000;
    margin-bottom: 20px;
    margin-top: 10px;
}

#welcome a:hover {
   text-decoration: underline;
}


.list-libreoffice ul, li {
    position: relative;
    list-style: none;
    margin-left: 0px;
    background: url(/img/controls/li-bullet-single-dark.png) no-repeat;
    background-position: 4px 8px;
    padding-left: 30px;
    display: block;
    color: #000;
    margin-bottom: 20px;
    margin-top: 10px;
}

#contribute {
    margin-left: 20px;
    margin-top: 20px;
    width: 60%;
}

#faq {
    margin-left: 40px;
    margin-top: 20px;
    width: 60%;
}


/* CSS for OO-Image at Home */
#home_oo_image {
  margin-bottom: 0;
}
/* /CSS for OO-Image at Home */

#dlnav {
    position: relative;
    margin: 0 0 0 0;
}
    #dlnav li {
        list-style: none;
        margin-left: 0px;
        padding: 0;
        display: block;
    }
        #dlnav li a {
            display: block;
            margin-left: 4px;
            margin-right: 4px;
            font-size: 100%;
            color: #000000;
            text-decoration: none;
            text-align: left;
            vertical-align: middle;
            padding-left: 340px;
        }

        #dlnav li a:hover {
            text-decoration: underline;
        }

        #dlnav li.dlnav-linux64 a {
            height: 81px;
            background:
url(/img/controls/ControlElement_Button_Download_Orange_Linux64_Default.png)
no-repeat;
        }
        #dlnav li.dlnav-linux64 a:hover {
            background:
url(/img/controls/ControlElement_Button_Download_Orange_Linux64_Mouseover.png)
no-repeat;
        }

        #dlnav li.dlnav-win32 a {
            height: 81px;
            background:
url(/img/controls/ControlElement_Button_Download_Magenta_Windows_Default.png)
no-repeat;
        }
        #dlnav li.dlnav-win32 a:hover {
            background:
url(/img/controls/ControlElement_Button_Download_Magenta_Windows_Mouseover.png)
no-repeat;
        }
        #dlnav li.dlnav-linux32 a {
            height: 81px;
            background:
url(/img/controls/ControlElement_Button_Download_Orange_Linux_Default.png)
no-repeat;
        }
        #dlnav li.dlnav-linux32 a:hover {
            background:
url(/img/controls/ControlElement_Button_Download_Orange_Linux_Mouseover.png)
no-repeat;
        }
        #dlnav li.dlnav-mac a {
            height: 81px;
            background:
url(/img/controls/ControlElement_Button_Download_Blue_Mac_Default.png)
no-repeat;
        }
        #dlnav li.dlnav-mac a:hover {
            background:
url(/img/controls/ControlElement_Button_Download_Blue_Mac_Mouseover.png)
no-repeat;
        }
        #dlnav li.dlnav-source a {
            height: 81px;
            background:
url(/img/controls/ControlElement_Button_Download_Green_Source_Default.png)
no-repeat;
        }
        #dlnav li.dlnav-source a:hover {
            background:
url(/img/controls/ControlElement_Button_Download_Green_Source_Mouseover.png)
no-repeat;
        }

-- 
Unsubscribe instructions: E-mail to website+help@libreoffice.org
List archive: http://www.libreoffice.org/lists/website/
*** All posts to this list are publicly archived for eternity ***