/* Main text sections (i.e. the main page content) Restricted to max width to prevent it going to the full width of a window when the window is extended. */ div.section p,div.chapter p { font-family: sans-serif; font-size:100%; display: block; max-width:720px; } div.book A:Link, div.chapter A:Link, div.section A:Link { text-decoration: underline; color: blue; } div.book A:Visited, div.chapter A:Visited, div.section A:Visited { text-decoration: underline; } /* Default font for all headers */ div.part h1, div.chapter h1, div.section h1, div.chapter h2, div.section h2, div.chapter h3, div.section h3, div.chapter h4, div.section h4, div.chapter h5, div.section h5, div.chapter h6, div.section h6, div.chapter p.title { font-family: Helvetica, Arial, sans-serif; } /* Inline code (literal/option/command) */ div.chapter code,div.section code { color: #0e4075; background-color:white; font-weight: normal; font-family: monospace, fixed; font-size:95%; } div.chapter pre, div.section pre { color: #a1520f; background-color: white; font-family: monospace, fixed; font-size:95%; } .type { font-family:monospace, fixed; font-size:95%; } /* Page (chapter/section) title */ div.part h1, div.chapter h1, div.book div.titlepage h1.title { font-family: Helvetica, Arial, sans-serif; font-size: 250%; line-height: 100%; font-weight: bold; } div.col66 div.book div.titlepage h1.title { font-family: Helvetica, Arial, sans-serif; font-size: 150%; font-weight: bold; } /* Set the size for sub-headings on a single page */ div.chapter div.titlepage h2 { font-size:200%; font-weight: normal; color:black; background-color:white; } div.section div.titlepage h2 { font-size:180%; font-weight: bold; color:black; background-color:white; } div.section div.titlepage h3 { font-size:160%; font-weight: bold; color:black; background-color:white; } div.section div.titlepage h4 { font-size:140%; font-weight: bold; color: black; background-color:white; } div.section div.titlepage h5 { font-size:120%; font-weight: bold; color: black; background-color:white; } div.section div.titlepage h6 { font-weight: normal; color:black; background-color:white; } /* These are inline elements for corresponding inline fragments. I.e. <errorcode>, <errorname>, etc. */ .errorcode { font-family: courier, monospace; color: #7b3d23; background-color:white; } .errorname { font-family: courier, monospace; font-weight: bold; color: #7b3d23; background-color:white; } .errortext { font-family: courier, monospace; color: #7b3d23; background-color:white; } .errortype { font-family: courier, monospace; color: #7b3d23; background-color:white; font-style: italic; } /* Font size for the headline of an admonition */ div.warning h3, div.note h3, div.important h3, div.caution h3 { font-size: 90%; } div.note { border-left: 5px solid black; padding-left: 5px; margin-right: 1in; } div.warning { border-left: 5px solid red; padding-left: 5px; margin-right: 1in; } div.caution { border-left: 5px solid yellow; padding-left: 5px; margin-right: 1in; } div.important { border-left: 5px solid maroon; padding-left: 5px; margin-right: 1in; } /* Formatting for <formalpara role="mnmas"> */ p.mnmas b { display:block; color: green; background-color:white; } p.mnmas { color: green; background-color:white; border: 1px solid green; border-left: 5px solid green; padding-left: 5px; } /* Formatting for <formalpara role="mnmas-kb"> */ p.mnmas-kb b { display:block; color: #6633cc; background-color:white; } p.mnmas-kb { color: #6633cc; background-color:white; background-color:white; border: 1px solid green; border-left: 5px solid green; padding-left: 5px; } /* Formatting for <formalpara role="mccge-warning"> */ p.mccge-warning b { padding-right:0.5em; } p.mccge-warning { color: blue; background-color:white; border: 1px solid blue; border-left: 5px solid blue; padding-left: 5px; } /* Formatting for <formalpara role="depnote"> */ p.depnote b { display:block; color: red; background-color:white; } p.depnote { color: red; background-color:white; border: 1px solid red; border-left: 5px solid red; padding-left: 5px; } /* Program listings have a grey background to set them off from the rest of the page. We limit the width to ensure a program listing item doesn't go too wide on the page. Font size is reduced to prevent the code is not badly matched. */ div.chapter pre.programlisting, div.section pre.programlisting { background: #eeeeee; color:black; display:block; max-width:720px; font-size:90%; padding:2px; } /* Gui Buttons are made to look like a button with a border, sans font, and background. */ .guibutton { font-family: Helvetica, Arial, sans-serif; background: #dddddd; color: black; display:inline; border: 1px solid #555555; padding:1px; line-height:1.2em; white-space:nowrap; } /* Gui Labels are made to look like a label */ .guilabel { font-family: Helvetica, Arial, sans-serif; background: #dddddd; color: black; font-weight: bold; display:inline; padding:1px; line-height:1.2em; white-space:nowrap; } /* Gui menu items are made to look like a menu item with border and bold font */ .guimenu { font-family: Helvetica, Arial, sans-serif; background: #dddddd; color: black; font-weight: bold; border: 1px solid #555555; text-decoration: underline; display:inline; padding:1px; line-height:1.2em; white-space:nowrap; } /* Key caps are made to look like a key top */ strong.keycap { background: #eeeeee; color:black; display:inline; border: 1px solid #000000; font-variant: small-caps; padding:1px; line-height:1.2em; } /* Unknown and unfound in transformations */ #subfld h1 { font-size: 90%; font-weight: bold; } /* Formatting for <command> elements */ span.section a span strong.command { color: black; background-color:white; text-decoration: underline; } /* Formatting for <literal> elements within headers */ dt span code { font-weight: bold; } /* We reduce the size for code (inline) literal elements so that the fixed width font doesn't look bigger than the text around it. */ code { font-size: 95%; } /* Prevent <emphasis role="bold"> in <code> from looking too out of place */ p strong code { font-size: 95%; font-weight: normal; } pre strong code { font-weight: normal; font-size: 100%; } /* Make standard emphasis 100%, since italics make the text appear smaller */ em { font-style: italic; font-size: 100%; } /* Make emphasis in fixed fonts up from the reduced size */ em code { font-size: 110%; } /* Ensure emphasis embedded in code exactly 100% */ code em code { font-size: 100%; } /* Set the font for <type> to fixed font */ span.type { font-family:monospace, fixed; } /* Italic and bold for emphasis role="bold" */ span.bold strong { font-style: italic; font-weight: bold; } /* Italic for standard emphasis */ span.emphasis em { font-style: italic; font-weight: normal; } /* Monospace bold for emphasis role="bold" within top-level sections */ span.section span strong.command { font-family: monospace; font-weight: bold; } /* Set inline code elements in titles within TOC */ span.section code.literal, div.section code.literal, div.section code.classname, div.example code.literal { font-family: monospace, fixed; font-weight: bold; color: #026789; background-color:white; font-size:95%; } /* Set the size of code literals within table cells to 100%, because the difference in font size wont be so significant. */ td code.literal { font-size:100%; } /* Formatting for deprecated warnings */ p.deprecated span.bold strong { color:red; background-color:white; font-weight: bold; font-style: normal; } /* Ensure code elements in headers are the same size as the other text, because the increased size on headers lessens the normal effect of fixed vs normal fonts */ div.section div.titlepage h1 code, div.section div.titlepage h2 code, div.section div.titlepage h3 code, div.section div.titlepage h4 code, div.section div.titlepage h5 code, div.section div.titlepage h1 code { font-size:100%; } /* <command> block formatting; color, size and monospace */ strong.command { font-family:monospace, fixed; font-size:90%; color: #990000; background-color:white; font-weight: normal; } /* <replaceable> sets different color */ strong.userinput code { color: #0e4075; background-color:white; } /* <replaceable> in programlistings should have the programlisting background */ pre.programlisting strong.userinput code { color: #0e4075; background-color:#eeeeee; } /* <filename> sets different color */ code.filename { color: #3352ff; background-color:white; } /* <emphasis role="bold"> */ span.emphasis em { color: #003333; background-color:white; } span.bold strong { color: #003333; background-color:white; } span.section span strong.command { color: #026789; background-color:white; } /* Reset the color of <literal> and other inline monospace formatting for sub-level headings in the page. Without this setting, the color coded formatting of the monospace elements is too strong */ h3.title code.literal { color: black; background-color:white; } /* Set the maximum width of a table or informaltable to slightly less than the width of the page */ div.section table, div.chapter table, div.informaltable table { max-width:660px; border: none; } /* Always align content to the top of the row */ table tr { vertical-align: top; } /* Use outset borders and reduce the font width for all table cell data */ td { font-family:helvetica, arial, sans-serif; font-size: 95%; padding:0px 5px 0px 5px; border: outset 0.1em white; } /* Table row header formatting */ th, div.informaltable td strong { font-family:helvetica, arial, sans-serif; color:black; background-color:white; font-weight:bold; font-style:normal; } /* Set minimun/maximum width of para, programlisting and tables when working on 2/3rd width elements */ div.col66 p, div.col66 pre.programlisting, div.col66 table, div.col66 div.informaltable table { min-width: 600px; max-width: 660px; } div.itemizedlist { font-size: 100%; } div.itemizedlist ul li { font-size: 100%; list-style-type: disc; } div.itemizedlist ul li div.itemizedlist ul li { font-size: 100%; list-style-type: square; } div.itemizedlist ul li div.itemizedlist ul li div.itemizedlist ul li { font-size: 100%; list-style-type: circle; ; } /* Formatting for <para role="es"> (Enterprise Server only) */ p.es { color:#cc6600; background-color:white; font-weight: bold; font-style: normal; } /* Formatting for <para role="cs"> (Community Server only) */ p.cs { /* Community Server only */ color:#ff6600; background-color:white; font-weight: bold; font-style: normal; } /* Formatting for the list of available documents (dev.mysql.com/doc) starts here */ h2.docs-list-title { font-family: helvetica, arial, sans-serif; text-decoration: underline; } span.docs-list-title { font-size:50%; } table.docs-document-list { border-style: none; font-size: 12px; font-family: helvetica, arial, sans-serif; border: none; } table.docs-document-list tr.title { text-align: center; vertical-align: bottom; font-weight: bold; } /* Formatting of odd/even rows is different to provide an alternate color on each row */ table.docs-document-list tr.even { vertical-align: bottom; color: black; background-color: #efefef; border: 0px; } table.docs-document-list tr.odd { vertical-align: bottom; color: black; background-color: white; border: 0px; } /* Set left/right padding only on table cells so that the page length is not too long */ table.docs-document-list td { padding:0px 5px 0px 5px; border: none; } /* Title rows are aligned to bottom, not top to allow for multi-line headings */ table.docs-document-list td.title { text-align: left; vertical-align: bottom; border: 0px; } /* We fix the width of link columns to give them a consistent width */ table.docs-document-list td.link { width: 70px; text-align: center; border: 0px; }