WhisperCom/docs/doxygen-awesome-css/img/theme-variations.drawio.svg

2 lines
14 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1001px" height="401px" viewBox="-0.5 -0.5 1001 401" content="&lt;mxfile host=&quot;drawio-plugin&quot; modified=&quot;2021-03-17T15:33:31.636Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 10_16_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36&quot; etag=&quot;RyKBBCdKCVcXAhIW2RaO&quot; version=&quot;13.7.9&quot; type=&quot;embed&quot;&gt;&lt;diagram id=&quot;6E4AiNPWWr3a8GvC3Ypl&quot; name=&quot;Page-1&quot;&gt;1VlNc5swEP01nkkPZRACAcfYsdNL24Mz07NiFGAqkEeWY6e/vgIkAxbUJJh4Chkinj7Qvt2VXpQZXGTHR463yXcWETpz7Og4gw8zxwlCWz4L4K0CPM+tgJinUQWBGlinf4gCVb94n0Zk12ooGKMi3bbBDctzshEtDHPODu1mL4y2v7rFMTGA9QZTE/2VRiJRZnl2jX8jaZzoLwNb1WRYN1bALsEROzQguJzBBWdMVKXsuCC04E7zUvVb9dSeJsZJLgZ18Koer5jutXGWfJ/jHZG/nhKSETVT8abNF+QoB58nIqMSALKIaRrnsryRnyVcAq+Ei1QSdq8qsjSKiu7zQ5IKst7iTTHWQUaHxDjb5xGJ1FgvLBfK5XJ26l19vKxPKV0wyng5Gbi6L27VroHb5SVxkxLFUjFHcmxAiqJHwjIi+Jtsomt931JEqYiFgXLgofY/gKpN0vC9djRWIRefBq+9IgvKMT1OQoaTDJ/EksTtcFNPuYGf9Qh2NwUNA12dt00DoXcFCwcYWAeJ3RNGjXjsIAL1MHEji13D4oWM32K6owzfCc5+k0YaLMt7LCW6NgwsDwJ0uvxWUriuFfjAD139NFJEjmAhD4HT1ZEwPrD80HehF5TPcDzXjsH1UyooecZconc/8GsaY5GyfFbkgCTKXhPMN8mXca44W6celsuH1Wrq2OxxwRj2oMHeWu6+BnnXZWvlF/dYtgbHJXCQ5csNHOgf+CmBaW6+K7nzk5LZOSc42vB9tt2NpPYaFMqktxAyEv/iUgkt2LrQeNJ8Mx7LdP0HSWBiklQtLCLEcQH0Qwhs6LYlAziPQscMQxtYurMbOL6OsSalZ45AKBhPadC9QBqMmsKvvd/kLCdnuawgLRApeREfl4d2Wx46PfLu/fsasoIQeR7Q3nPe6zkZ6E2/BahDCk7hOWBmg+G1yaSh6uUBUwtPJ5zCywaPXR39HmZuJBU1vTfVisM5aWlFnQ6OfaYV+5LBEIt1UgK3g2D7GgQDg+Ba4swcRIsl61m+oLgo3anFUYnFW0igD0VoJXLq7cnt2F2uE7Cm4P4kXfP+KO3hZLDsgQhaOsLLPaSD0wlEEOhQ5dOooA9QaqEWpUGLUhe0E79DjN9IBQHzb/L/WgZd23MAXFyybyaDTAXrFMeYahn/+jOnhZ1DjzM73fmpZ5w9Z5nnW0R5XeeMUzrCcgYcctZHoSOPOeVrfc5d1jX+WQCXfwE=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="177.5" y="380" width="135" height="20" rx="3" ry="3" fill="#fafafa" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 133px; height: 1px; padding-top: 390px; margin-left: 179px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">1. Base Theme</div></div></div></foreignObject><text x="245" y="395" fill="#000000" font-family="Helvetica" font-size="15px" text-anchor="middle" font-weight="bold">1. Base Theme</text></switch></g><rect x="0" y="0" width="490" height="350" fill="#ffffff" stroke="#000000" pointer-events="all"/><rect x="198.53" y="44.87" width="219.66" height="271.8" fill="#ffffff" stroke="#e3e3e3" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 181px; margin-left: 200px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Content</div></div></div></foreignObject><text x="308" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Content</text></switch></g><rect x="0" y="0" width="490" height="44.87" fill="#deedff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 488px; height: 1px; padding-top: 22px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Titlebar (Navigation + Search)</div></div></div></foreignObject><text x="245" y="26" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Titlebar (Navigation + Search)</text></switch></g><rect x="0" y="44.87" width="126.73" height="271.8" fill="#f7f7f7" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 125px; height: 1px; padding-top: 181px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Sidebar (Navigation)</div></div></div></foreignObject><text x="63" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Sidebar (Navigation)</text></switch></g><rect x="0" y="316.67" width="490" height="33.33" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 488px; height: 1px; padding-top: 333px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Footer (Breadcrumbs)</div></div></div></foreignObject><text x="245" y="337" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Footer (Breadcrumbs)</text></switch></g><rect x="371.72" y="14.87" width="101.38" height="16.67" rx="2.5" ry="2.5" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 99px; height: 1px; padding-top: 23px; margin-left: 373px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Search</div></div></div></foreignObject><text x="422" y="27" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Search</text></switch></g><rect x="16.9" y="14.87" width="33.79" height="16.67" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 32px; height: 1px; padding-top: 23px; margin-left: 19px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Title</div></div></div></foreignObject><text x="19" y="29" fill="#000000" font-family="Helvetica" font-size="20px">Tit...</text></switch></g><rect x="510" y="0" width="490" height="350" fill="#ffffff" stroke="#000000" pointer-events="all"/><rect x="708.53" y="16.67" width="219.66" height="300" fill="#ffffff" stroke="#e3e3e3" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 167px; margin-left: 710px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Content</div></div></div></foreignObject><text x="818" y="170" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Content</text></switch></g><rect x="510" y="0" width="126.72" height="350" fill="#f7f7f7" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 125px; height: 1px; padding-top: 175px; margin-left: 511px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Sidebar <br />(Title + Navigation)</div></div></div></foreignObject><text x="573" y="179" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Sidebar...</text></switch></g><rect x="636.72" y="316.67" width="363.28" height="33.33" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 361px; height: 1px; padding-top: 333px; margin-left: 638px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Footer (Breadcrumbs)</div></div></div></foreignObject><text x="818" y="337" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Footer (Breadcrumbs)</text></switch></g><rect x="522.67" y="41.67" width="101.38" height="16.67" rx="2.5" ry="2.5" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 99px; height: 1px; padding-top: 50px; margin-left: 524px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Search</div></div></div></foreignObject><text x="573" y="54" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Search</text></switch></g><rect x="522.67" y="11.67" width="33.79" height="16.67" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 32px; height: 1px; padding-top: 20px; margin-left: 525px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">Title</div></div></div></foreignObject><text x="525" y="26" fill="#000000" font-family="Helvetica" font-size="20px">Tit...</text></switch></g><rect x="666.25" y="380" width="177.5" height="20" rx="3" ry="3" fill="#ffffff" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 176px; height: 1px; padding-top: 390px; margin-left: 667px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 15px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">2. Sidebar-Only Theme</div></div></div></foreignObject><text x="755" y="395" fill="#000000" font-family="Helvetica" font-size="15px" text-anchor="middle" font-weight="bold">2. Sidebar-Only Theme</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://desk.draw.io/support/solutions/articles/16000042487" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>