From: Magnus Hagander Date: Sun, 19 Sep 2010 19:33:10 +0000 (+0000) Subject: Update stylesheet for docs: Indentation and style changes for tables and X-Git-Url: http://git.postgresql.org/gitweb/static/gitweb.js?a=commitdiff_plain;h=28903bcc0279b9a06e3117eca44cb5df7c98c184;p=pgweb-old.git Update stylesheet for docs: Indentation and style changes for tables and example elements. Elements on a page can how be distinuished from normal textual content by their background colour and/or borders. Thom Brown git-svn-id: file:///Users/dpage/pgweb/svn-repo/trunk@2730 8f5c7a92-453e-0410-a47f-ad33c8a6b003 --- diff --git a/portal/layout/css/blue/docs.css b/portal/layout/css/blue/docs.css index c168795d..5b3462a0 100644 --- a/portal/layout/css/blue/docs.css +++ b/portal/layout/css/blue/docs.css @@ -8,6 +8,10 @@ body { font-size: 76%; } +div.NAVHEADER table { + margin-left: 0; +} + /* Container Definitions */ #docContainerWrap { @@ -36,11 +40,12 @@ body { height: 83px; border: 0px; padding: 0px; - margin: 0px; - margin-left: 20px; + margin: 0 0 0 20px; } -#docHeaderLogo img { border: 0px; } +#docHeaderLogo img { + border: 0px; +} #docNavSearchContainer { padding-bottom: 2px; @@ -71,35 +76,38 @@ body { } #docSearch form { - position: relative; - top: 5px; - right: 0; - margin: 0; /* need for IE Mac */ - text-align: right; /* need for IE Mac */ - white-space: nowrap; /* for Opera */ + position: relative; + top: 5px; + right: 0; + margin: 0; /* need for IE 5.5 OSX */ + text-align: right; /* need for IE 5.5 OSX */ + white-space: nowrap; /* for Opera */ } -#docSearch form label { color: #666; font-size: 0.95em; } -#docSearch form input { font-size: 0.95em; } - +#docSearch form label { + color: #666; + font-size: 0.95em; +} + +#docSearch form input { + font-size: 0.95em; +} + #docSearch form #submit { - font-size: 0.95em; - background: #7A7A7A; - color: #fff; - border-right: 1px solid #7A7A7A; - border-bottom: 1px solid #7A7A7A; - border-top: 1px solid #7A7A7A; - border-left: 1px solid #7A7A7A; - padding: 1px 4px; -} - + font-size: 0.95em; + background: #7A7A7A; + color: #fff; + border: 1px solid #7A7A7A; + padding: 1px 4px; +} + #docSearch form #q { - width: 170px; - font-size: 0.95em; - border: 1px solid #7A7A7A; - background: #E1E1E1; - color: #000000; - padding: 2px; + width: 170px; + font-size: 0.95em; + border: 1px solid #7A7A7A; + background: #E1E1E1; + color: #000000; + padding: 2px; } .frmDocSearch { @@ -142,26 +150,46 @@ body { /* Heading Definitions */ +h1, h2, h3 { + font-weight: bold; + margin-top: 2ex; +} + h1 { - font-weight: bold; - color: #EC5800; font-size: 1.4em; } h2 { - font-weight: bold; - color: #666; - font-size: 1.2em; + font-size: 1.2em !important; } -h3 { - font-weight: bold; - color: #666; +h3 { font-size: 1.1em; } +h1 a:hover { + color: #EC5800; + text-decoration: none; +} + +h2 a:hover, +h3 a:hover, +h4 a:hover { + color: #666666; + text-decoration: none; +} + /* Text Styles */ +div.SECT2 { + margin-top: 4ex; +} + +div.SECT3 { + margin-top: 3ex; + margin-left: 3ex; +} + .txtCurrentLocation { font-weight: bold; } @@ -192,19 +220,224 @@ p, ol, ul, li { padding: 3px; } +#docContainer pre code, +#docContainer pre tt, +#docContainer pre pre, +#docContainer tt tt, +#docContainer tt code, +#docContainer tt pre { + font-size: 1em; +} + +pre.LITERALLAYOUT, +.SCREEN, +.SYNOPSIS, +.PROGRAMLISTING, +.REFSYNOPSISDIV p, +table.CAUTION, +table.WARNING, +blockquote.NOTE, +blockquote.TIP, +table.CALSTABLE { + -moz-box-shadow: 3px 3px 5px #DFDFDF; + -webkit-box-shadow: 3px 3px 5px #DFDFDF; + -khtml-box-shadow: 3px 3px 5px #DFDFDF; + -o-box-shadow: 3px 3px 5px #DFDFDF; + box-shadow: 3px 3px 5px #DFDFDF; +} + +pre.LITERALLAYOUT, +.SCREEN, +.SYNOPSIS, +.PROGRAMLISTING, +.REFSYNOPSISDIV p, +table.CAUTION, +table.WARNING, +blockquote.NOTE, +blockquote.TIP { + color: black; + border-width: 1px; + border-style: solid; + padding: 2ex; + margin: 2ex 0 2ex 2ex; + overflow: auto; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + -khtml-border-radius: 8px; + border-radius: 8px; +} + +pre.LITERALLAYOUT, +pre.SYNOPSIS, +pre.PROGRAMLISTING, +.REFSYNOPSISDIV p, +.SCREEN { + border-color: #CFCFCF; + background-color: #F7F7F7; +} + +blockquote.NOTE, +blockquote.TIP { + border-color: #DBDBCC; + background-color: #EEEEDD; + padding: 14px; + width: 572px; +} + +blockquote.NOTE, +blockquote.TIP, +table.CAUTION, +table.WARNING { + margin: 4ex auto; +} + +blockquote.NOTE p, +blockquote.TIP p { + margin: 0; +} + +blockquote.NOTE pre, +blockquote.NOTE code, +blockquote.TIP pre, +blockquote.TIP code { + margin-left: 0; + margin-right: 0; + -moz-box-shadow: none; + -webkit-box-shadow: none; + -khtml-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; +} + +.emphasis { + font-weight: bold; +} + +/* Table Styles */ + +table { + margin-left: 2ex; +} + +table.CALSTABLE td, +table.CALSTABLE th, +table.CAUTION td, +table.CAUTION th, +table.WARNING td, +table.WARNING th { + border-style: solid; +} + +table.CALSTABLE, +table.CAUTION, +table.WARNING { + border-spacing: 0; + border-collapse: collapse; +} + +table.CALSTABLE +{ + margin: 2ex 0 2ex 2ex; + background-color: #E0ECEF; + border: 2px solid #A7C6DF; +} + +table.CALSTABLE tr:hover td +{ + background-color: #EFEFEF; +} + +table.CALSTABLE td { + background-color: #FFF; +} + +table.CALSTABLE td, +table.CALSTABLE th { + border: 1px solid #A7C6DF; + padding: 0.5ex 0.5ex; +} + +table.CAUTION, +table.WARNING { + border-collapse: separate; + display: block; + padding: 0; + max-width: 600px; +} + +table.CAUTION { + background-color: #F5F5DC; + border-color: #DEDFA7; +} + +table.WARNING { + background-color: #FFD7D7; + border-color: #DF421E; +} + +table.CAUTION td, +table.CAUTION th, +table.WARNING td, +table.WARNING th { + border-width: 0; + padding-left: 2ex; + padding-right: 2ex; +} + +table.CAUTION td, +table.CAUTION th { + border-color: #F3E4D5 +} + +table.WARNING td, +table.WARNING th { + border-color: #FFD7D7; +} + +td.c1, +td.c2, +td.c3, +td.c4, +td.c5, +td.c6 { + font-size: 1.1em; + font-weight: bold; + border-bottom: 0px solid #FFEFEF; + padding: 1ex 2ex 0; +} + /* Link Styles */ #docNav a { font-weight: bold; } +a:link, +a:visited, +a:active, +a:hover { + text-decoration: underline; +} + +a:link, +a:active { + color:#0066A2; +} -a:link { color:#0066A2; text-decoration: underline; } -a:visited { color:#004E66; text-decoration: underline; } -a:active { color:#0066A2; text-decoration: underline; } -a:hover { color:#000000; text-decoration: underline; } +a:visited { + color:#004E66; +} -#docFooter a:link { color:#666; text-decoration: underline; } -#docFooter a:visited { color:#666; text-decoration: underline; } -#docFooter a:active { color:#666; text-decoration: underline; } -#docFooter a:hover { color:#000000; text-decoration: underline; } +a:hover { + color:#000000; +} + +#docFooter a:link, +#docFooter a:visited, +#docFooter a:active { + color:#666; +} + +#docContainer code.FUNCTION tt { + font-size: 1em; +}