1 files changed, 369 insertions, 0 deletions
diff --git a/mcc/9/ja/content/webhelp-custom.css b/mcc/9/ja/content/webhelp-custom.css
new file mode 100644
index 00000000..1d695ea5
--- /dev/null
+++ b/mcc/9/ja/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");
+}