diff options
Diffstat (limited to 'installer/9/tr/content/webhelp-custom.css')
-rw-r--r-- | installer/9/tr/content/webhelp-custom.css | 369 |
1 files changed, 369 insertions, 0 deletions
diff --git a/installer/9/tr/content/webhelp-custom.css b/installer/9/tr/content/webhelp-custom.css new file mode 100644 index 00000000..1d695ea5 --- /dev/null +++ b/installer/9/tr/content/webhelp-custom.css @@ -0,0 +1,369 @@ +/* ====== Title page ====== */ +div.book > div.titlepage h1 { + text-align: center; + color: #f09100; + font-size: 200%; +} + +div.book > div.titlepage h2.subtitle { + font-style: normal; + text-align: center; +} + +/* ====== Titles ====== */ +div.titlepage { + font-family: sans-serif; +} + +div.titlepage h2, div.titlepage h3, div.titlepage h4, +div.titlepage h5, div.titlepage h6 { + font-style: italic; +} + +div.chapter div.titlepage h2, +div.appendix div.titlepage h2, +div.preface div.titlepage h2 { + font-size: 180%; + color: #f09100; +} + +#content div.section div.titlepage h2 { + font-size: 160%; + color: darkgreen; +} + +div.section div.titlepage h3 { + font-size: 140%; + color: #656567; +} + +div.section div.titlepage h4 { + font-size: 120%; + color: #656567; +} + +div.section div.titlepage h5 { + font-size: 100%; + color: #656567; +} +@media screen and (max-width: 700px) { + #leftnavigation { + position: fixed; + z-index: 2; + display: none; + top: 0px; + width: 100%; + } + + #content { + position: relative; + z-index: 1; + top: 0px; + padding-bottom: 32px; + margin: 0; + } + + #header { + position: relative; + z-index: 1; + height: auto; + padding: 10px 0px; + } + + #navheader { + position:relative; + top: 0px; + margin-right: 10px; + } + + #header h1 { + margin-right: 10px; + margin-left: 10px; + } + + .pointRight { + background: url("loupe.svg") 0px 0 no-repeat; + width: 28px; + } + .pointLeft { + background: url("loupe.svg") 0px 0 no-repeat; + width: 28px; + } + + .loupe{ + height: 28px; + width: 28px; + } +} + +@media screen and (min-width: 701px) { + #leftnavigation { + width: 315px; + } + + #content { + padding-bottom: 32px; + } + + #header { + height: auto; + border-bottom: 2px solid #8B8B8B; + } + + #navheader { + position: static; + right: 20px; + top: 0px; + } + + #header h1 { + margin: 4px 0 0 5px; + } + + .pointLeft { + background: url("../common/images/showHideTreeIcons.png") 0px 0 no-repeat; + } + + .pointRight { + background: url("../common/images/showHideTreeIcons.png") -15px 0 no-repeat; + } + + .loupe{ + height: 28px; + width: 16px; + } +} + +div.section div.titlepage h6 { + font-size: 100%; + color: #656567; +} + +#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { + margin-top: 16px; +} + +#content h1, #content h2 { + color: #f09100; + font-family: sans-serif; +} + +/* ====== Header, Footer ====== */ +#header { + background: none; +} + +#navheader { + position: static; + float: left; + padding-top: 13px; +} + +#headerlogo { + float: right; + padding: 5px 5px 0px 0px; +} + +#headerlogo img { + max-height: 40px; + height: auto; + margin-top: 10%; +} + +#pagetitle { + padding-top: 6px; + font: bold 12px sans-serif; + color: #656567; + text-align: center; +} + +.navfooter a, #navheader a { + color: #d07100; +} + +/* ====== Tree ====== */ +.treeview .hover { + color: #d07100; +} + +/* ====== TOCs ====== */ +.toc > p, .list-of-figures > p, .list-of-tables > p, .list-of-examples > p { + font-size: 120%; + color: #f09100; + font-family: sans-serif; + font-style: italic; +} + +#content .toc > p, #content .list-of-figures > p, #content .list-of-tables > p, +#content .list-of-examples > p { + font-size: 120%; + color: #f09100; + font-family: sans-serif; + font-style: italic; +} + +.toc a:visited, .list-of-figures a:visited, .list-of-tables a:visited, +.list-of-examples a:visited { + color: #555557; + font-family: sans-serif; +} + +.toc a:link, .list-of-figures a:link, .list-of-tables a:link, +.list-of-examples a:link { + color: #252527; + font-family: sans-serif; +} + +/* ====== Content ====== */ +#content p, #content ul, #content ol, #content li { + font: 12px serif; + color: black; +} + +li p { + margin: 4px 0px 4px 0px; +} + +div.revhistory table { + border-collapse: collapse; +} + +div.revhistory th { + text-align: center; +} + +.programlisting { + background-color: #eeeeee; + padding: 4px; +} + +.screen { + background-color: #000000; + color: #ffffff; + padding: 4px; +} + +.informaltable, .table { + margin-bottom: 12px; +} + +.informaltable table, .table table { + border-collapse: collapse; +} + +.informaltable th, .table th, +.informaltable td, .table td { + padding: 5px; +} + +.informaltable th, .table th { + background-color: #eeeeee; + font-family: sans-serif; +} + +.informaltable th p, .table th p, +.informaltable td p, .table td p { + margin: 2px 0px 2px 0px; +} + +.note, .tip, .important, .warning, .caution { + border-top: 2px solid #CCCCCC; + border-bottom: 2px solid #CCCCCC; + padding-top: 6px; + padding-bottom: 6px; + margin: 12px 0px 12px 0px; +} + +.admon-content p { + margin: 0px 0px 6px 0px; +} + +#content dt { + font-family: sans-serif; +} + +span.term { + font-weight: bold; + font-size: 90%; +} + +div.mediaobject +{ + margin-bottom: 12px; + text-align: center; + overflow : auto ; +} + +#content img { + max-width: 95%; +} + +/* == Formal Titles == */ +#content p.title, #content p.legalnotice-title { + font-family: sans-serif; + font-size: 85%; +} + +#content p.legalnotice-title { + color: #f09100; +} + +div.figure { + text-align: center; +} + +#content div.figure p.title { + font-style: italic; +} + +span.clickable { + position: relative; + display: inline-block; +} + +#content span.clickable img { + max-width: none; +} + +span.clickable a { + display: block; + position: absolute; + box-sizing: border-box; + text-decoration: none; +} + +span.clickable a:hover { + border: 2px dotted #f00; +} + +div.clicked { + box-sizing: border-box; + position: absolute; + border: 1px solid #f00; +} + +.note, .tip, .important, .warning, .caution { + padding-left: 4em; + background-repeat: no-repeat; + background-position: left 50%; +} + +.note { + background-image: url("cco-note.png"); +} + +.tip { + background-image: url("cco-tip.png"); +} + +.important { + background-image: url("cco-important.png"); +} + +.warning { + background-image: url("cco-warning.png"); +} + +.caution { + background-image: url("cco-caution.png"); +} |