openstack/horizon
Code Issues Proposed changes

Branding: Horizon Header should be more composable

Browse Source 
A recent branding effort exposed several aspects of the header
templates that need to be more composable to enable richer
customizations.

The Horizon _header.html template has many components within it:
region pickers, user menus, logos. All of these things are highly
desirable to customize, but because it is all contained in the same
template, a brander will have to override the entire template. This
is not ideal as it increase the cost of maintenance.

The splash section of the login page, the context selector, the logo
section of the header, the user menu and the region selector are now
composable to a much more granular level.  The top navigation menus
can now be used outside of existing within a list.  The templates
now allow use as normal, standalone dropdown items.

Also, the current primary color used for 'material' was highly
unpleasant with OpenStack Red.  Another color on the material design
palette was chosen, very close to the previous blue. See
https://www.google.com/design/spec/style/color.html#color-color-palette

To showcase this new composability, 'material' now shows how to
customize the logo and logo-splash beyond just replacing the png, but
now allowing the use of any type of image.  In this case, the
OpenStack logos have been upgraded with their svg counterparts.

It was also noted that the context selection menu was using the wrong
variable to set the color of its links. This was corrected.

Closes-Bug: #1518584

Change-Id: Ib544176b9836e17fc913170664646e1d10eda831
This commit is contained in:
Diana Whitten 2015-12-14 14:42:35 -07:00
parent eb2554ad9b
commit 378623217d
23 changed files with 1068 additions and 218 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
doc/source/topics/customizing.rst
View File

@ -88,6 +88,9 @@ For a complete list of the images that can be overridden this way, see:
Customizing the Logo
--------------------
Simple
~~~~~~
If you wish to customize the logo that is used on the splash screen or in the
top navigation bar, then you need to create an ``img`` directory under your
theme's static root directory and place your custom ``logo.png`` or
@ -105,6 +108,22 @@ Prior to the Kilo release the images files inside of Horizon needed to be
replaced by your images files or the Horizon stylesheets needed to be altered
to point to the location of your image.
Advanced
~~~~~~~~
If you need to do more to customize the logo than simply replacing the existing
PNG, then you can also override the _brand.html through a custom theme. To use
this technique, simply add a ``templates/header/_brand.html`` to the root of
your custom theme, and add markup directly to the file. For an example of how
to do this, see
``openstack_dashboard/themes/material/templates/header/_brand.html``.
The splash / login panel can also be customized by adding
``templates/auth/_splash.html``. See
``openstack_dashboard/themes/material/templates/auth/_splash.html`` for an
example.
Branding Horizon
================

4
horizon/templates/auth/_login_page.html
View File

@ -9,9 +9,7 @@
{% endblock %}
{% block login_header %}
<div class="text-center">
<img class="splash-logo" src="{{ STATIC_URL }}dashboard/img/logo-splash.png">
</div>
{% include 'auth/_splash.html' %}
{{ block.super }}
{% endblock %}

3
horizon/templates/auth/_splash.html Normal file
View File

@ -0,0 +1,3 @@
<div class="text-center">
<img class="splash-logo" src="{{ STATIC_URL }}dashboard/img/logo-splash.png">
</div>

314
openstack_dashboard/static/dashboard/img/logo-splash.svg Normal file
View File

@ -0,0 +1,314 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
<g>
<g>
<g>
<image overflow="visible" width="464" height="403" xlink:href="6AEE09B56A26FE61.png" transform="matrix(0.24 0 0 0.24 6.3877 55.4917)">
</image>
</g>
<g>
<image overflow="visible" width="351" height="350" xlink:href="6AEE09B56A26FE63.png" transform="matrix(0.24 0 0 0.24 19.8125 68.2031)">
</image>
</g>
<g>
<g>
<g enable-background="new ">
<g enable-background="new ">
<defs>
<path id="SVGID_1_" enable-background="new " d="M124.6,96.1L114,85.6c1.5-0.1,2.7-1.4,2.7-2.9l10.6,10.5
C127.3,94.7,126.1,95.9,124.6,96.1z"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_2_)" enable-background="new ">
<path fill="#BB3727" d="M124.6,96.1L114,85.6c0,0,0.1,0,0.1,0l10.6,10.5C124.7,96.1,124.7,96.1,124.6,96.1"/>
<path fill="#BD3827" d="M124.8,96.1l-10.6-10.5c0.1,0,0.3,0,0.4-0.1L125.2,96C125,96,124.9,96,124.8,96.1"/>
<path fill="#C23A28" d="M125.2,96l-10.6-10.5c0.2-0.1,0.4-0.1,0.6-0.2l10.6,10.5C125.5,95.8,125.4,95.9,125.2,96"/>
<path fill="#BD3827" d="M125.7,95.7l-10.6-10.5c0.1-0.1,0.2-0.1,0.4-0.2l10.6,10.5C126,95.6,125.8,95.7,125.7,95.7"/>
<path fill="#BB3727" d="M126.1,95.5L115.4,85c0.1-0.1,0.1-0.1,0.2-0.2l10.6,10.5C126.2,95.4,126.1,95.5,126.1,95.5"/>
<path fill="#B63527" d="M126.3,95.4l-10.6-10.5c0.1,0,0.1-0.1,0.2-0.1l10.6,10.5C126.4,95.3,126.3,95.3,126.3,95.4"/>
<path fill="#B43327" d="M126.4,95.2l-10.6-10.5c0,0,0.1-0.1,0.1-0.1l10.6,10.5C126.5,95.1,126.5,95.2,126.4,95.2"/>
<path fill="#B13126" d="M126.6,95.1l-10.6-10.5c0,0,0.1-0.1,0.1-0.1l10.6,10.5C126.6,95,126.6,95,126.6,95.1"/>
<path fill="#AE3125" d="M126.7,94.9L116,84.4c0,0,0.1-0.1,0.1-0.1l10.6,10.5C126.7,94.8,126.7,94.9,126.7,94.9"/>
<path fill="#AA3025" d="M126.8,94.8l-10.6-10.5c0,0,0.1-0.1,0.1-0.1l10.6,10.5C126.8,94.7,126.8,94.7,126.8,94.8"/>
<path fill="#A72D24" d="M126.9,94.7l-10.6-10.5c0,0,0.1-0.1,0.1-0.1l10.6,10.5C126.9,94.6,126.9,94.6,126.9,94.7"/>
<path fill="#A22C23" d="M126.9,94.5L116.3,84c0,0,0.1-0.1,0.1-0.1L127,94.4C127,94.4,127,94.5,126.9,94.5"/>
<path fill="#9D2C22" d="M127,94.4l-10.6-10.5c0,0,0-0.1,0.1-0.1l10.6,10.5C127.1,94.3,127,94.3,127,94.4"/>
<path fill="#9A2C21" d="M127.1,94.3l-10.6-10.5c0,0,0-0.1,0.1-0.1l10.6,10.5C127.1,94.2,127.1,94.2,127.1,94.3"/>
<path fill="#972920" d="M127.1,94.1l-10.6-10.5c0-0.1,0-0.1,0.1-0.1L127.2,94C127.2,94,127.1,94.1,127.1,94.1"/>
<path fill="#942820" d="M127.2,94l-10.6-10.5c0,0,0-0.1,0-0.2l10.6,10.5C127.2,93.9,127.2,93.9,127.2,94"/>
<path fill="#90261E" d="M127.2,93.8l-10.6-10.5c0-0.1,0-0.1,0-0.2l10.6,10.5C127.2,93.7,127.2,93.7,127.2,93.8"/>
<path fill="#8D241D" d="M127.3,93.6l-10.6-10.5c0-0.1,0-0.1,0-0.2l10.6,10.5C127.3,93.5,127.3,93.6,127.3,93.6"/>
<path fill="#8A241C" d="M127.3,93.4l-10.6-10.5c0-0.1,0-0.1,0-0.2l10.6,10.5C127.3,93.3,127.3,93.4,127.3,93.4"/>
<path fill="#87241B" d="M127.3,93.2l-10.6-10.5c0,0,0,0,0-0.1L127.3,93.2C127.3,93.2,127.3,93.2,127.3,93.2"/>
</g>
</g>
<g>
<g>
<polygon fill="#8A241C" points="127.3,89.5 116.7,79 132.8,77.5 143.4,88.1 "/>
</g>
<g>
<polygon fill="#8A241C" points="127.3,89.5 116.7,79 132.8,77.5 143.4,88.1 "/>
</g>
</g>
<g>
<polygon fill="#8A241C" points="127.3,93.2 116.7,82.7 116.7,79 127.3,89.5 "/>
</g>
<g>
<polygon fill="#C33A28" points="85,99.5 74.4,89 114,85.6 124.6,96.1 "/>
</g>
<g enable-background="new ">
<defs>
<path id="SVGID_3_" enable-background="new " d="M83,98.9c-0.2-0.2-0.4-0.4-0.5-0.5c-3.4-3.3-6.7-6.7-10.1-10
c0.5,0.5,1.2,0.7,2,0.7L85,99.5C84.2,99.6,83.5,99.3,83,98.9z"/>
</defs>
<clipPath id="SVGID_4_">
<use xlink:href="#SVGID_3_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_4_)" enable-background="new ">
<path fill="#942820" d="M83,98.9L72.4,88.3c0,0,0.1,0.1,0.1,0.1L83.2,99C83.1,98.9,83.1,98.9,83,98.9"/>
<path fill="#972920" d="M83.2,99L72.5,88.4c0.1,0.1,0.1,0.1,0.2,0.1l10.6,10.5C83.3,99.1,83.2,99,83.2,99"/>
<path fill="#9A2C21" d="M83.3,99.1L72.7,88.6c0.1,0,0.1,0.1,0.2,0.1l10.6,10.5C83.4,99.2,83.4,99.1,83.3,99.1"/>
<path fill="#9D2C22" d="M83.5,99.2L72.8,88.7c0.1,0,0.1,0.1,0.2,0.1l10.6,10.5C83.6,99.3,83.5,99.2,83.5,99.2"/>
<path fill="#A22C23" d="M83.6,99.3L73,88.8c0.1,0,0.1,0.1,0.2,0.1l10.6,10.5C83.7,99.3,83.7,99.3,83.6,99.3"/>
<path fill="#A72D24" d="M83.8,99.4L73.2,88.9c0.1,0,0.1,0,0.2,0.1L84,99.4C83.9,99.4,83.9,99.4,83.8,99.4"/>
<path fill="#AA3025" d="M84,99.4L73.3,88.9c0.1,0,0.1,0,0.2,0.1l10.6,10.5C84.1,99.5,84,99.4,84,99.4"/>
<path fill="#AE3125" d="M84.1,99.5L73.5,89c0.1,0,0.1,0,0.2,0l10.6,10.5C84.2,99.5,84.2,99.5,84.1,99.5"/>
<path fill="#B13126" d="M84.3,99.5L73.7,89c0.1,0,0.1,0,0.2,0l10.6,10.5C84.4,99.5,84.3,99.5,84.3,99.5"/>
<path fill="#B43327" d="M84.5,99.5L73.8,89c0.1,0,0.1,0,0.2,0l10.6,10.5C84.6,99.6,84.5,99.5,84.5,99.5"/>
<path fill="#B63527" d="M84.7,99.6L74,89c0.1,0,0.1,0,0.2,0l10.6,10.5C84.8,99.6,84.7,99.6,84.7,99.6"/>
<path fill="#BB3727" d="M84.9,99.6L74.2,89c0,0,0.1,0,0.1,0L85,99.5C85,99.6,84.9,99.6,84.9,99.6"/>
</g>
</g>
<g enable-background="new ">
<defs>
<path id="SVGID_5_" enable-background="new " d="M67.6,115.5L56.9,105c-0.8-0.8-1.4-2-1.4-3.3l10.6,10.5
C66.2,113.5,66.7,114.6,67.6,115.5z"/>
</defs>
<clipPath id="SVGID_6_">
<use xlink:href="#SVGID_5_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_6_)" enable-background="new ">
<path fill="#82211A" d="M67.6,115.5L56.9,105c-0.8-0.7-1.3-1.8-1.3-2.9l10.6,10.5C66.3,113.7,66.8,114.7,67.6,115.5"/>
<path fill="#87241B" d="M66.2,112.5L55.6,102c0-0.1,0-0.3,0-0.4l10.6,10.5C66.2,112.3,66.2,112.4,66.2,112.5"/>
</g>
</g>
<g>
<path fill="#D73D27" d="M143.4,88.1l0,17.3c0,2.8-2.3,5.3-5.1,5.5l-66.9,5.9c-2.8,0.2-5.1-1.8-5.1-4.7l0-17.3l16.1-1.4l0,3.7
c0,1.5,1.2,2.6,2.7,2.4l39.6-3.5c1.5-0.1,2.7-1.4,2.7-2.9l0-3.7L143.4,88.1z"/>
</g>
<g>
<g>
<polygon fill="#8A241C" points="66.2,94.8 55.6,84.3 71.7,82.9 82.3,93.4 "/>
</g>
<g>
<polygon fill="#8A241C" points="66.2,94.8 55.6,84.3 71.7,82.9 82.3,93.4 "/>
</g>
</g>
<g>
<polygon fill="#8A241C" points="66.2,112.1 55.6,101.6 55.6,84.3 66.2,94.8 "/>
</g>
</g>
<g enable-background="new ">
<g>
<g>
<polygon fill="#E5574F" points="143.3,58.8 143.4,84.3 127.3,85.7 127.2,60.2 "/>
</g>
<g>
<polygon fill="#E1493B" points="143.3,58.8 143.4,84.3 127.3,85.7 127.2,60.2 "/>
</g>
</g>
<g>
<polygon fill="#8A241C" points="127.3,85.7 116.7,75.2 116.6,49.7 127.2,60.2 "/>
</g>
<g>
<g>
<polygon fill="#8A241C" points="127.2,60.2 116.6,49.7 132.7,48.3 143.3,58.8 "/>
</g>
<g>
<polygon fill="#8A241C" points="127.2,60.2 116.6,49.7 132.7,48.3 143.3,58.8 "/>
</g>
</g>
</g>
<g enable-background="new ">
<g>
<g>
<polygon fill="#E5574F" points="82.2,64.2 82.3,89.7 66.3,91.1 66.2,65.6 "/>
</g>
<g>
<polygon fill="#E1493B" points="82.2,64.2 82.3,89.7 66.3,91.1 66.2,65.6 "/>
</g>
</g>
<g>
<polygon fill="#8A241C" points="66.3,91.1 55.6,80.6 55.5,55.1 66.2,65.6 "/>
</g>
<g>
<polygon fill="#8A241C" points="66.2,65.6 55.5,55.1 71.6,53.7 82.2,64.2 "/>
</g>
</g>
</g>
<g>
<g enable-background="new ">
<g>
<polygon fill="#8A241C" points="127.3,56.4 116.7,45.9 116.7,42.7 127.3,53.2 "/>
</g>
<g enable-background="new ">
<defs>
<path id="SVGID_7_" enable-background="new " d="M116,41c3.5,3.5,7.1,7,10.6,10.5c0.4,0.4,0.7,1.1,0.7,1.8l-10.6-10.5
C116.7,42,116.4,41.4,116,41z"/>
</defs>
<clipPath id="SVGID_8_">
<use xlink:href="#SVGID_7_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_8_)" enable-background="new ">
<path fill="#87241B" d="M127.3,53.2l-10.6-10.5c0-0.1,0-0.1,0-0.2L127.3,53C127.3,53.1,127.3,53.2,127.3,53.2"/>
<path fill="#82211A" d="M127.3,53l-10.6-10.5c0-0.6-0.3-1.2-0.7-1.5l10.6,10.5C127,51.9,127.2,52.4,127.3,53"/>
</g>
</g>
<g enable-background="new ">
<defs>
<path id="SVGID_9_" enable-background="new " d="M131.4,24.4c0.7,0.7,1.4,1.4,2.1,2.1c2.8,2.8,5.7,5.6,8.5,8.4
c-0.9-0.9-2.3-1.4-3.7-1.3l-10.6-10.5C129.2,22.9,130.5,23.4,131.4,24.4z"/>
</defs>
<clipPath id="SVGID_10_">
<use xlink:href="#SVGID_9_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_10_)" enable-background="new ">
<path fill="#BB3727" d="M138.3,33.6l-10.6-10.5c0.1,0,0.1,0,0.2,0l10.6,10.5C138.5,33.6,138.4,33.6,138.3,33.6"/>
<path fill="#B63527" d="M138.5,33.6l-10.6-10.5c0.1,0,0.3,0,0.4,0L139,33.6C138.8,33.6,138.7,33.6,138.5,33.6"/>
<path fill="#B43327" d="M139,33.6l-10.6-10.5c0.1,0,0.2,0,0.4,0l10.6,10.5C139.2,33.6,139.1,33.6,139,33.6"/>
<path fill="#B13126" d="M139.3,33.6l-10.6-10.5c0.1,0,0.2,0,0.3,0l10.6,10.5C139.6,33.6,139.4,33.6,139.3,33.6"/>
<path fill="#AE3125" d="M139.7,33.7L129,23.1c0.1,0,0.2,0,0.3,0.1L140,33.7C139.9,33.7,139.8,33.7,139.7,33.7"/>
<path fill="#AA3025" d="M140,33.7l-10.6-10.5c0.1,0,0.2,0.1,0.3,0.1l10.6,10.5C140.2,33.8,140.1,33.7,140,33.7"/>
<path fill="#A72D24" d="M140.3,33.8l-10.6-10.5c0.1,0,0.2,0.1,0.3,0.1l10.6,10.5C140.5,33.9,140.4,33.8,140.3,33.8"/>
<path fill="#A22C23" d="M140.6,33.9L130,23.4c0.1,0,0.2,0.1,0.3,0.1l10.6,10.5C140.8,34,140.7,34,140.6,33.9"/>
<path fill="#9D2C22" d="M140.9,34.1l-10.6-10.5c0.1,0.1,0.2,0.1,0.3,0.2l10.6,10.5C141.1,34.2,141,34.1,140.9,34.1"/>
<path fill="#9A2C21" d="M141.2,34.2l-10.6-10.5c0.1,0.1,0.2,0.1,0.3,0.2l10.6,10.5C141.4,34.4,141.3,34.3,141.2,34.2"/>
<path fill="#972920" d="M141.5,34.4l-10.6-10.5c0.1,0.1,0.2,0.2,0.3,0.3l10.6,10.5C141.8,34.6,141.6,34.5,141.5,34.4"/>
<path fill="#942820" d="M141.9,34.7l-10.6-10.5c0.1,0.1,0.1,0.1,0.2,0.2l10.6,10.5C142,34.8,141.9,34.8,141.9,34.7"/>
</g>
</g>
<g>
<polygon fill="#8A241C" points="66.2,61.8 55.6,51.2 55.7,34.4 66.3,44.9 "/>
</g>
<g>
<polygon fill="#C33A28" points="71.4,39.4 60.8,28.9 127.7,23.1 138.3,33.6 "/>
</g>
<g>
<g>
<path fill="#E5574F" d="M71.4,39.4l66.9-5.8c2.8-0.2,5.1,1.8,5.1,4.7L143.4,55l-16.1,1.4l0-3.2c0-1.5-1.2-2.6-2.7-2.4
L85,54.3c-1.5,0.1-2.7,1.4-2.7,2.9l0,3.2l-16.1,1.4l0-16.8C66.3,42.1,68.6,39.7,71.4,39.4z"/>
</g>
<g>
<path fill="#E5574F" d="M71.4,39.4l66.9-5.8c2.8-0.2,5.1,1.8,5.1,4.7L143.4,55l-16.1,1.4l0-3.2c0-1.5-1.2-2.6-2.7-2.4
L85,54.3c-1.5,0.1-2.7,1.4-2.7,2.9l0,3.2l-16.1,1.4l0-16.8C66.3,42.1,68.6,39.7,71.4,39.4z"/>
</g>
</g>
<g enable-background="new ">
<defs>
<path id="SVGID_11_" enable-background="new " d="M66.3,44.9L55.7,34.4c0-2.8,2.3-5.3,5.1-5.5l10.6,10.5
C68.6,39.7,66.3,42.1,66.3,44.9z"/>
</defs>
<clipPath id="SVGID_12_">
<use xlink:href="#SVGID_11_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_12_)" enable-background="new ">
<path fill="#87241B" d="M66.3,44.9L55.7,34.4c0,0,0-0.1,0-0.1l10.6,10.5C66.3,44.9,66.3,44.9,66.3,44.9"/>
<path fill="#8A241C" d="M66.3,44.8L55.7,34.3c0-0.1,0-0.3,0-0.4l10.6,10.5C66.3,44.6,66.3,44.7,66.3,44.8"/>
<path fill="#8D241D" d="M66.3,44.4L55.7,33.9c0-0.1,0-0.2,0-0.4l10.6,10.5C66.3,44.2,66.3,44.3,66.3,44.4"/>
<path fill="#90261E" d="M66.4,44.1L55.7,33.5c0-0.1,0-0.2,0.1-0.3l10.6,10.5C66.4,43.8,66.4,44,66.4,44.1"/>
<path fill="#942820" d="M66.4,43.7L55.8,33.2c0-0.1,0-0.2,0.1-0.3l10.6,10.5C66.5,43.5,66.5,43.6,66.4,43.7"/>
<path fill="#972920" d="M66.5,43.4L55.9,32.9c0-0.1,0.1-0.2,0.1-0.3l10.6,10.5C66.6,43.3,66.5,43.3,66.5,43.4"/>
<path fill="#9A2C21" d="M66.6,43.2L56,32.6c0-0.1,0.1-0.2,0.1-0.3l10.6,10.5C66.7,43,66.6,43.1,66.6,43.2"/>
<path fill="#9D2C22" d="M66.7,42.9L56.1,32.4c0-0.1,0.1-0.2,0.1-0.3l10.6,10.5C66.8,42.7,66.7,42.8,66.7,42.9"/>
<path fill="#A22C23" d="M66.8,42.6L56.2,32.1c0-0.1,0.1-0.2,0.1-0.3L67,42.4C66.9,42.4,66.9,42.5,66.8,42.6"/>
<path fill="#A72D24" d="M67,42.4L56.3,31.8c0-0.1,0.1-0.2,0.1-0.3l10.6,10.5C67.1,42.2,67,42.3,67,42.4"/>
<path fill="#AA3025" d="M67.1,42.1L56.5,31.6c0.1-0.1,0.1-0.2,0.2-0.3l10.6,10.5C67.2,41.9,67.2,42,67.1,42.1"/>
<path fill="#AE3125" d="M67.3,41.9L56.6,31.3c0.1-0.1,0.1-0.2,0.2-0.3l10.6,10.5C67.4,41.7,67.3,41.8,67.3,41.9"/>
<path fill="#B13126" d="M67.5,41.6L56.8,31.1c0.1-0.1,0.1-0.2,0.2-0.3l10.6,10.5C67.6,41.4,67.5,41.5,67.5,41.6"/>
<path fill="#B43327" d="M67.7,41.3L57,30.8c0.1-0.1,0.2-0.2,0.2-0.3l10.6,10.5C67.8,41.2,67.8,41.2,67.7,41.3"/>
<path fill="#B63527" d="M67.9,41.1L57.3,30.6c0.1-0.1,0.2-0.2,0.3-0.3l10.6,10.5C68.1,40.9,68,41,67.9,41.1"/>
<path fill="#BB3727" d="M68.2,40.8L57.6,30.3c0.1-0.1,0.3-0.2,0.4-0.3l10.6,10.5C68.5,40.6,68.4,40.7,68.2,40.8"/>
<path fill="#BD3827" d="M68.6,40.5L58,30c0.2-0.2,0.4-0.3,0.7-0.4l10.6,10.5C69.1,40.2,68.8,40.3,68.6,40.5"/>
<path fill="#C23A28" d="M69.3,40.1L58.6,29.5c0.3-0.2,0.7-0.3,1.1-0.5l10.6,10.5C70,39.7,69.6,39.9,69.3,40.1"/>
<path fill="#BD3827" d="M70.4,39.6L59.7,29.1c0.2-0.1,0.5-0.1,0.8-0.2l10.6,10.5C70.9,39.5,70.6,39.5,70.4,39.6"/>
<path fill="#BB3727" d="M71.1,39.4L60.5,28.9c0.1,0,0.2,0,0.3,0l10.6,10.5C71.3,39.4,71.2,39.4,71.1,39.4"/>
</g>
</g>
</g>
</g>
</g>
</g>
<g>
<path fill="#6E6D6E" d="M44.4,150.6c0,9.3-4.3,12.4-8,12.4c-4.3,0-7.8-3.9-7.8-12.3c0-8.7,3.9-12.4,8-12.4
C40.9,138.3,44.4,142.3,44.4,150.6z M32.4,150.6c0,4,0.7,9.4,4.2,9.4c3.3,0,4-5.6,4-9.4c0-3.7-0.7-9.3-4.1-9.3
C33.1,141.3,32.4,146.9,32.4,150.6z"/>
<path fill="#6E6D6E" d="M48.6,146.1c0-3.7-0.1-5.8-0.2-7.5h3.4l0.2,3.1H52c1.3-2.5,3.2-3.4,5.1-3.4c4.2,0,6.9,4.4,6.9,12.3
c0,8.9-3.7,12.4-7.4,12.4c-2.3,0-3.6-1.4-4.2-2.8h-0.1v11.9h-3.8V146.1z M52.3,153.8c0,0.7,0,1.4,0.2,2c0.7,3.4,2.5,4,3.5,4
c3.2,0,4.2-4.4,4.2-9.2c0-4.9-1.2-9.1-4.3-9.1c-1.7,0-3.3,2.1-3.5,4.3c-0.1,0.5-0.1,1.2-0.1,1.8V153.8z"/>
<path fill="#6E6D6E" d="M71,150.9c0,7.4,2.9,8.9,5.6,8.9c1.7,0,3-0.4,4-0.9l0.6,2.8c-1.3,0.7-3.4,1.1-5.3,1.1
c-5.7,0-8.7-4.7-8.7-12c0-7.7,3.3-12.6,8.1-12.6c4.9,0,6.8,5.1,6.8,10.5c0,0.9,0,1.6-0.1,2.2H71z M78.6,148.1
c0.1-4.8-1.7-6.9-3.6-6.9c-2.5,0-3.8,3.6-3.9,6.9H78.6z"/>
<path fill="#6E6D6E" d="M86.3,144.8c0-2.8-0.1-4.3-0.2-6.2h3.3l0.2,2.9h0.1c1-1.9,3-3.3,5.5-3.3c3.3,0,5.8,2.4,5.8,8.2v16.1h-3.8
v-15.4c0-2.9-0.5-5.7-3.3-5.7c-1.6,0-3.1,1.3-3.6,3.9c-0.1,0.6-0.2,1.3-0.2,2.2v15h-3.8V144.8z"/>
<path fill="#CE3428" d="M105.7,158.6c0.8,0.5,2.3,1.2,3.9,1.2c2.1,0,3.5-1.3,3.5-3.5c0-1.8-0.6-3.1-3.1-4.7
c-3.1-2-4.8-4.1-4.8-6.8c0-3.9,2.9-6.6,6.6-6.6c1.9,0,3.3,0.6,4.3,1.2l-1,2.9c-0.9-0.6-1.9-1.1-3.2-1.1c-2,0-3.1,1.5-3.1,3.1
c0,1.6,0.6,2.5,3,4.1c2.8,1.8,5,4,5,7.3c0,4.8-3.3,7.1-7.2,7.1c-1.7,0-3.7-0.5-4.7-1.4L105.7,158.6z"/>
<path fill="#CE3428" d="M125.3,133v5.6h4.6v2.9h-4.6v14.3c0,3.1,1.1,4,2.5,4c0.6,0,1.1,0,1.5-0.1l0.2,2.9
c-0.7,0.2-1.6,0.4-2.8,0.4c-1.5,0-2.9-0.4-3.8-1.4c-1-1.1-1.4-2.7-1.4-6v-13.9h-2.9v-2.9h2.9v-4.1L125.3,133z"/>
<path fill="#CE3428" d="M145.9,157.1c0,1.8,0,3.9,0.2,5.4h-3.4l-0.2-2.5h-0.2c-1,1.8-2.7,2.9-4.8,2.9c-3.2,0-5.6-2.7-5.6-6.8
c0-6,4.8-8.7,10.2-8.7v-0.7c0-3.2-0.8-5.4-3.8-5.4c-1.5,0-2.8,0.4-4,1.2l-0.8-2.7c1-0.7,3.2-1.6,5.6-1.6c4.8,0,6.8,3.1,6.8,8.5
V157.1z M142.2,150.1c-2,0-6.6,0.4-6.6,5.6c0,3.2,1.6,4.3,2.9,4.3c1.7,0,3.1-1.2,3.5-3.6c0.1-0.4,0.2-0.9,0.2-1.4V150.1z"/>
<path fill="#CE3428" d="M163,162c-0.8,0.5-2.3,0.9-4,0.9c-5.2,0-8.8-4.2-8.8-12.1c0-6.9,3.5-12.5,9.5-12.5c1.3,0,2.7,0.3,3.4,0.7
l-0.7,3.1c-0.5-0.2-1.5-0.6-2.7-0.6c-3.9,0-5.5,4.6-5.5,9.3c0,5.6,2.1,9,5.6,9c1,0,1.9-0.2,2.7-0.6L163,162z"/>
<path fill="#CE3428" d="M170,149.7L170,149.7c0.5-0.9,0.9-1.9,1.4-2.7l4.8-8.5h4.1l-6.3,10.1l6.9,13.9h-4.3l-5.2-11.3l-1.4,2.2
v9.1h-3.8v-34.2h3.8V149.7z"/>
</g>
<path fill="#F1F5F6" stroke="#FFFFFF" stroke-width="1.634" stroke-miterlimit="10" d="M182.3,188c0,1.3-1.1,2.4-2.4,2.4h-149
c-1.3,0-2.4-1.1-2.4-2.4v-17.3c0-1.3,1.1-2.4,2.4-2.4h149c1.3,0,2.4,1.1,2.4,2.4V188z"/>
<g>
<path fill="#6B919F" d="M46.8,183.8c-0.3,0.2-0.9,0.3-1.6,0.3c-2.1,0-3.6-1.5-3.6-4.7c0-3.8,2.1-5,3.9-5c0.6,0,1.1,0.1,1.3,0.2
l-0.3,0.9c-0.3-0.1-0.5-0.2-1.1-0.2c-1.2,0-2.5,1-2.5,3.9c0,2.9,1.2,3.9,2.6,3.9c0.5,0,0.9-0.1,1.1-0.2L46.8,183.8z"/>
<path fill="#6B919F" d="M50.5,174.5h1.2v8.6h3v0.9h-4.3V174.5z"/>
<path fill="#6B919F" d="M63.5,179.2c0,3.6-1.4,4.9-3.1,4.9c-1.8,0-3-1.7-3-4.9c0-3.1,1.3-4.9,3.2-4.9
C62.4,174.4,63.5,176.1,63.5,179.2z M58.6,179.2c0,2,0.4,3.9,1.8,3.9s1.8-2.1,1.8-3.9c0-1.8-0.4-3.9-1.8-3.9
C59.1,175.3,58.6,177.3,58.6,179.2z"/>
<path fill="#6B919F" d="M68.6,174.5v6.4c0,1.7,0.7,2.3,1.5,2.3c0.9,0,1.5-0.6,1.5-2.3v-6.4h1.2v6.2c0,2.5-1.2,3.4-2.8,3.4
c-1.6,0-2.7-0.9-2.7-3.3v-6.3H68.6z"/>
<path fill="#6B919F" d="M77.2,174.6c0.5-0.1,1-0.2,1.7-0.2c1.1,0,2,0.3,2.5,0.7c0.8,0.6,1.5,1.9,1.5,3.9c0,2.2-0.6,3.4-1.3,4
c-0.7,0.7-1.7,1-3,1c-0.5,0-1,0-1.4-0.1V174.6z M78.4,183.1c0.2,0,0.4,0,0.5,0c1.4,0,2.7-0.9,2.7-4.1c0-2.4-0.8-3.7-2.6-3.7
c-0.2,0-0.4,0-0.6,0.1V183.1z"/>
<path fill="#6B919F" d="M91.5,182.7c0.4,0.2,1,0.4,1.5,0.4c1.1,0,1.8-0.6,1.8-1.6c0-0.9-0.6-1.4-1.4-2c-0.9-0.5-2-1.4-2-2.6
c0-1.4,1.1-2.5,2.9-2.5c0.7,0,1.3,0.2,1.5,0.4l-0.3,0.9c-0.3-0.2-0.7-0.3-1.3-0.3c-1.1,0-1.6,0.7-1.6,1.4c0,0.9,0.6,1.3,1.6,2
c1.3,0.8,1.9,1.7,1.9,2.7c0,1.6-1.3,2.7-3,2.7c-0.7,0-1.5-0.2-1.8-0.4L91.5,182.7z"/>
<path fill="#6B919F" d="M105.7,179.2c0,3.6-1.4,4.9-3.1,4.9c-1.8,0-3-1.7-3-4.9c0-3.1,1.3-4.9,3.2-4.9
C104.6,174.4,105.7,176.1,105.7,179.2z M100.8,179.2c0,2,0.4,3.9,1.8,3.9c1.4,0,1.8-2.1,1.8-3.9c0-1.8-0.4-3.9-1.8-3.9
C101.3,175.3,100.8,177.3,100.8,179.2z"/>
<path fill="#6B919F" d="M109.6,174.5h4.1v0.9h-2.9v3.3h2.7v0.9h-2.7v4.3h-1.2V174.5z"/>
<path fill="#6B919F" d="M118.9,175.5h-2v-1h5.2v1h-2v8.5h-1.2V175.5z"/>
<path fill="#6B919F" d="M127.4,184l-2.1-9.5h1.3l0.9,4.6c0.2,1.2,0.4,2.3,0.5,3.4h0c0.1-1.2,0.4-2.2,0.7-3.4l1-4.6h1l1,4.5
c0.2,1.1,0.5,2.2,0.6,3.5h0c0.2-1.4,0.4-2.4,0.6-3.5l0.9-4.5h1.2l-2.1,9.5h-1.2l-1-4.6c-0.2-1-0.4-2.1-0.6-3.1h0
c-0.1,1.1-0.3,2.1-0.6,3.2l-1.1,4.6H127.4z"/>
<path fill="#6B919F" d="M139.5,181.1l-0.7,2.9h-1.2l2.5-9.5h1.4l2.4,9.5h-1.2l-0.7-2.9H139.5z M141.8,180.3l-0.6-2.4
c-0.2-0.7-0.3-1.5-0.4-2.2h0c-0.1,0.7-0.3,1.5-0.5,2.2l-0.6,2.4H141.8z"/>
<path fill="#6B919F" d="M147.7,174.6c0.5-0.1,1.2-0.2,1.8-0.2c1.1,0,1.9,0.2,2.5,0.7c0.5,0.5,0.8,1.1,0.8,1.9c0,1.2-0.6,2-1.7,2.5
v0c0.8,0.2,1.2,0.9,1.5,2.1c0.3,1.3,0.5,2.1,0.6,2.4h-1.3c-0.2-0.3-0.4-1.2-0.6-2.3c-0.2-1.3-0.7-1.8-1.8-1.8h-0.5v4.1h-1.2V174.6
z M148.9,179h0.5c1.2,0,2-0.8,2-1.9c0-1.1-0.5-1.8-1.8-1.8c-0.3,0-0.5,0-0.7,0.1V179z"/>
<path fill="#6B919F" d="M160.7,179.5h-2.7v3.6h3.1v0.9h-4.3v-9.5h4.1v0.9h-2.9v3.1h2.7V179.5z"/>
</g>
</g>
<g>
<g>
<path fill="#CECCCB" d="M186.8,160.8c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2s0.9-2,2-2C185.9,158.9,186.8,159.7,186.8,160.8z
M183.3,160.8c0,0.9,0.7,1.6,1.5,1.6c0.9,0,1.5-0.7,1.5-1.6c0-0.9-0.6-1.6-1.5-1.6C183.9,159.3,183.3,160,183.3,160.8z
M184.5,161.9H184v-2c0.2,0,0.4-0.1,0.8-0.1c0.4,0,0.5,0.1,0.7,0.2c0.1,0.1,0.2,0.2,0.2,0.4c0,0.2-0.2,0.4-0.4,0.5v0
c0.2,0.1,0.3,0.2,0.3,0.5c0.1,0.3,0.1,0.4,0.1,0.5h-0.5c-0.1-0.1-0.1-0.2-0.2-0.5c0-0.2-0.2-0.3-0.4-0.3h-0.2V161.9z M184.5,160.8
h0.2c0.3,0,0.5-0.1,0.5-0.3c0-0.2-0.1-0.3-0.4-0.3c-0.1,0-0.2,0-0.3,0V160.8z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

297
openstack_dashboard/static/dashboard/img/logo.svg Normal file
View File

@ -0,0 +1,297 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="-184 0 671 148" enable-background="new -184 0 671 148" xml:space="preserve">
<g>
<defs>
<rect id="SVGID_1_" x="-184" width="671" height="148"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_2_)">
<g>
<path fill="#6E6D6E" d="M37.5,75.2c0,28.2-13.1,37.7-24.3,37.7c-13.1,0-23.7-11.8-23.7-37.3c0-26.4,11.8-37.7,24.3-37.7
C26.9,37.9,37.5,50,37.5,75.2z M1.1,75.2c0,12.1,2.1,28.5,12.8,28.5c10,0,12.1-17,12.1-28.5C26,64,23.8,47,13.5,47
C3.2,47,1.1,64,1.1,75.2z"/>
<path fill="#6E6D6E" d="M50.3,61.6c0-11.2-0.3-17.6-0.6-22.8H60l0.6,9.4l0,0c3.9-7.6,9.7-10.3,15.5-10.3c12.8,0,21,13.4,21,37.3
c0,27-11.2,37.7-22.5,37.7c-7,0-10.9-4.3-12.8-8.5h-0.3v36.1H50V61.6H50.3z M61.5,84.9c0,2.1,0,4.3,0.6,6.1
c2.1,10.3,7.6,12.1,10.6,12.1c9.7,0,12.8-13.4,12.8-27.9c0-14.9-3.6-27.6-13.1-27.6c-5.2,0-10,6.4-10.6,13.1
c-0.3,1.5-0.3,3.6-0.3,5.5C61.5,66.1,61.5,84.9,61.5,84.9z"/>
<path fill="#6E6D6E" d="M118.3,76.1c0,22.5,8.8,27,17,27c5.2,0,9.1-1.2,12.1-2.7l1.8,8.5c-3.9,2.1-10.3,3.3-16.1,3.3
c-17.3,0-26.4-14.3-26.4-36.4c0-23.4,10-38.3,24.6-38.3c14.9,0,20.6,15.5,20.6,31.9c0,2.7,0,4.9-0.3,6.7H118.3z M141.4,67.6
c0.3-14.6-5.2-21-10.9-21c-7.6,0-11.5,10.9-11.8,21H141.4z"/>
<path fill="#6E6D6E" d="M164.7,57.6c0-8.5-0.3-13.1-0.6-18.8h10l0.6,8.8h0.3c3-5.8,9.1-10,16.7-10c10,0,17.6,7.3,17.6,24.9v48.9
h-11.5V64.6c0-8.8-1.5-17.3-10-17.3c-4.9,0-9.4,3.9-10.9,11.8c-0.3,1.8-0.6,3.9-0.6,6.7v45.5h-11.5V57.6z"/>
<path fill="#CE3428" d="M223.6,99.5c2.4,1.5,7,3.6,11.8,3.6c6.4,0,10.6-3.9,10.6-10.6c0-5.5-1.8-9.4-9.4-14.3
c-9.4-6.1-14.6-12.4-14.6-20.6c0-11.8,8.8-20,20-20c5.8,0,10,1.8,13.1,3.6l-3,8.8c-2.7-1.8-5.8-3.3-9.7-3.3
c-6.1,0-9.4,4.6-9.4,9.4s1.8,7.6,9.1,12.4c8.5,5.5,15.2,12.1,15.2,22.2c0,14.6-10,21.6-21.9,21.6c-5.2,0-11.2-1.5-14.3-4.3
L223.6,99.5z"/>
<path fill="#CE3428" d="M283.2,21.8v17h14v8.8h-14V91c0,9.4,3.3,12.1,7.6,12.1c1.8,0,3.3,0,4.6-0.3l0.6,8.8
c-2.1,0.6-4.9,1.2-8.5,1.2c-4.6,0-8.8-1.2-11.5-4.3c-3-3.3-4.3-8.2-4.3-18.2V48.2h-8.8v-8.8h8.8V26.9L283.2,21.8z"/>
<path fill="#CE3428" d="M345.7,95c0,5.5,0,11.8,0.6,16.4H336l-0.6-7.6h-0.6c-3,5.5-8.2,8.8-14.6,8.8c-9.7,0-17-8.2-17-20.6
c0-18.2,14.6-26.4,31-26.4v-2.1c0-9.7-2.4-16.4-11.5-16.4c-4.6,0-8.5,1.2-12.1,3.6l-2.4-8.2c3-2.1,9.7-4.9,17-4.9
c14.6,0,20.6,9.4,20.6,25.8V95z M334.5,73.7c-6.1,0-20,1.2-20,17c0,9.7,4.9,13.1,8.8,13.1c5.2,0,9.4-3.6,10.6-10.9
c0.3-1.2,0.6-2.7,0.6-4.3L334.5,73.7L334.5,73.7z"/>
<path fill="#CE3428" d="M397.6,109.8c-2.4,1.5-7,2.7-12.1,2.7c-15.8,0-26.7-12.8-26.7-36.7c0-21,10.6-38,28.8-38
c3.9,0,8.2,0.9,10.3,2.1l-2.1,9.4c-1.5-0.6-4.6-1.8-8.2-1.8c-11.8,0-16.7,14-16.7,28.2c0,17,6.4,27.3,17,27.3
c3,0,5.8-0.6,8.2-1.8L397.6,109.8z"/>
<path fill="#CE3428" d="M418.9,72.5L418.9,72.5c1.5-2.7,2.7-5.8,4.3-8.2l14.6-25.8h12.4L431,69.1l21,42.2h-13.1L423.1,77
l-4.3,6.7v27.6h-11.5V7.5h11.5V72.5z"/>
</g>
<g>
<g>
<path fill="#CECCCB" d="M469.9,106.2c0,3.3-2.7,6.1-6.1,6.1c-3.3,0-6.1-2.7-6.1-6.1c0-3.3,2.7-6.1,6.1-6.1
C467.2,100.4,469.9,102.8,469.9,106.2z M459.3,106.2c0,2.7,2.1,4.9,4.6,4.9c2.7,0,4.6-2.1,4.6-4.9c0-2.7-1.8-4.9-4.6-4.9
C461.1,101.6,459.3,103.8,459.3,106.2z M462.9,109.5h-1.5v-6.1c0.6,0,1.2-0.3,2.4-0.3s1.5,0.3,2.1,0.6c0.3,0.3,0.6,0.6,0.6,1.2
c0,0.6-0.6,1.2-1.2,1.5l0,0c0.6,0.3,0.9,0.6,0.9,1.5c0.3,0.9,0.3,1.2,0.3,1.5H465c-0.3-0.3-0.3-0.6-0.6-1.5
c0-0.6-0.6-0.9-1.2-0.9h-0.6v2.4H462.9z M462.9,106.2h0.6c0.9,0,1.5-0.3,1.5-0.9c0-0.6-0.3-0.9-1.2-0.9c-0.3,0-0.6,0-0.9,0
V106.2z"/>
</g>
</g>
</g>
<g clip-path="url(#SVGID_2_)">
<image overflow="visible" enable-background="new " width="467" height="408" xlink:href="6AEE09B56A26FE61.png" transform="matrix(0.3125 0 0 0.3125 -221.7478 54.3818)">
</image>
<g>
<g>
<g enable-background="new ">
<g enable-background="new ">
<g>
<defs>
<path id="SVGID_3_" d="M-66.6,108l-13.9-13.8c2-0.1,3.5-1.8,3.5-3.8l13.9,13.8C-63.1,106.1-64.6,107.7-66.6,108z"/>
</defs>
<clipPath id="SVGID_4_">
<use xlink:href="#SVGID_3_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_4_)" enable-background="new ">
<path fill="#BB3827" d="M-66.6,108l-13.9-13.8h0.1l13.9,13.8C-66.5,108-66.5,108-66.6,108"/>
<path fill="#BC3927" d="M-66.3,108l-13.9-13.8c0.1,0,0.4,0,0.5-0.1l13.9,13.8C-66.1,107.8-66.2,107.8-66.3,108"/>
<path fill="#C13B28" d="M-65.8,107.8L-79.7,94c0.3-0.1,0.5-0.1,0.8-0.3l13.9,13.8C-65.4,107.6-65.6,107.7-65.8,107.8"/>
<path fill="#BC3927" d="M-65.2,107.4l-13.9-13.8c0.1-0.1,0.3-0.1,0.5-0.3l13.9,13.8C-64.8,107.3-65,107.4-65.2,107.4"/>
<path fill="#BB3827" d="M-64.6,107.2l-14.1-13.8c0.1-0.1,0.1-0.1,0.3-0.3l13.9,13.8C-64.5,107-64.6,107.2-64.6,107.2"/>
<path fill="#B53627" d="M-64.4,107l-13.9-13.8c0.1,0,0.1-0.1,0.3-0.1l13.9,13.8C-64.2,106.9-64.4,106.9-64.4,107"/>
<path fill="#B43427" d="M-64.2,106.8L-78.2,93l0.1-0.1l13.9,13.8C-64.1,106.6-64.1,106.8-64.2,106.8"/>
<path fill="#B13126" d="M-64,106.6l-13.9-13.8l0.1-0.1l13.9,13.8C-64,106.5-64,106.5-64,106.6"/>
<path fill="#AE3225" d="M-63.9,106.4l-14.1-13.8l0.1-0.1l13.9,13.8V106.4"/>
<path fill="#AA3025" d="M-63.7,106.2l-13.9-13.8l0.1-0.1l13.9,13.8C-63.7,106.1-63.7,106.1-63.7,106.2"/>
<path fill="#A72C24" d="M-63.6,106.1l-13.9-13.8l0.1-0.1l13.9,13.8C-63.6,106-63.6,106-63.6,106.1"/>
<path fill="#A12D23" d="M-63.6,105.8l-13.9-13.8l0.1-0.1l13.9,13.8C-63.5,105.7-63.5,105.8-63.6,105.8"/>
<path fill="#9D2E22" d="M-63.5,105.7l-13.9-13.8c0,0,0-0.1,0.1-0.1l13.9,13.8C-63.3,105.6-63.5,105.6-63.5,105.7"/>
<path fill="#9A2E21" d="M-63.3,105.6l-13.9-13.8c0,0,0-0.1,0.1-0.1l13.9,13.8C-63.3,105.5-63.3,105.5-63.3,105.6"/>
<path fill="#962A20" d="M-63.3,105.3l-13.9-13.8c0-0.1,0-0.1,0.1-0.1l13.9,13.8L-63.3,105.3"/>
<path fill="#942A21" d="M-63.2,105.2l-13.9-13.8c0,0,0-0.1,0-0.3l13.9,13.8C-63.2,105.1-63.2,105.1-63.2,105.2"/>
<path fill="#90271F" d="M-63.2,104.9l-13.9-13.8c0-0.1,0-0.1,0-0.3l13.9,13.8C-63.2,104.8-63.2,104.8-63.2,104.9"/>
<path fill="#8D241D" d="M-63.1,104.7L-77,90.9c0-0.1,0-0.1,0-0.3l13.9,13.8C-63.1,104.5-63.1,104.7-63.1,104.7"/>
<path fill="#8A241C" d="M-63.1,104.4L-77,90.6c0-0.1,0-0.1,0-0.3l13.9,13.8C-63.1,104.3-63.1,104.4-63.1,104.4"/>
<path fill="#86251B" d="M-63.1,104.1L-77,90.3c0,0,0,0,0-0.1L-63.1,104.1L-63.1,104.1"/>
</g>
</g>
</g>
<g>
<g>
<polygon fill="#8A241C" points="-63.1,99.3 -77,85.5 -55.8,83.5 -41.9,97.4 "/>
</g>
<g>
<polygon fill="#8A241C" points="-63.1,99.3 -77,85.5 -55.8,83.5 -41.9,97.4 "/>
</g>
</g>
<g>
<polygon fill="#8A241C" points="-63.1,104.1 -77,90.3 -77,85.5 -63.1,99.3 "/>
</g>
<g>
<polygon fill="#C23B28" points="-118.6,112.4 -132.6,98.6 -80.5,94.2 -66.6,108 "/>
</g>
<g enable-background="new ">
<g>
<defs>
<path id="SVGID_5_" d="M-121.3,111.6c-0.3-0.3-0.5-0.5-0.7-0.7c-4.5-4.3-8.8-8.8-13.3-13.1c0.7,0.7,1.6,0.9,2.6,0.9
l13.9,13.7C-119.7,112.6-120.6,112.2-121.3,111.6z"/>
</defs>
<clipPath id="SVGID_6_">
<use xlink:href="#SVGID_5_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_6_)" enable-background="new ">
<path fill="#942A21" d="M-121.3,111.6l-13.9-13.9l0.1,0.1l14.1,13.9C-121.1,111.6-121.1,111.6-121.3,111.6"/>
<path fill="#962A20" d="M-121,111.8l-14.1-13.9c0.1,0.1,0.1,0.1,0.3,0.1l13.9,13.8C-120.9,111.9-121,111.8-121,111.8"/>
<path fill="#9A2E21" d="M-120.9,111.9l-13.9-13.8c0.1,0,0.1,0.1,0.3,0.1l13.9,13.8C-120.7,112-120.7,111.9-120.9,111.9"/>
<path fill="#9D2E22" d="M-120.6,112l-14.1-13.8c0.1,0,0.1,0.1,0.3,0.1l13.9,13.8C-120.5,112.2-120.6,112-120.6,112"/>
<path fill="#A12D23" d="M-120.5,112.2l-13.9-13.8c0.1,0,0.1,0.1,0.3,0.1l13.9,13.8C-120.3,112.2-120.3,112.2-120.5,112.2"/>
<path fill="#A72C24" d="M-120.2,112.3l-13.9-13.8c0.1,0,0.1,0,0.3,0.1l13.9,13.7C-120.1,112.3-120.1,112.3-120.2,112.3"/>
<path fill="#AA3025" d="M-120,112.3L-134,98.5c0.1,0,0.1,0,0.3,0.1l13.9,13.8L-120,112.3"/>
<path fill="#AE3225" d="M-119.8,112.4l-13.9-13.8c0.1,0,0.1,0,0.3,0l13.9,13.8C-119.7,112.4-119.7,112.4-119.8,112.4"/>
<path fill="#B13126" d="M-119.6,112.4l-13.9-13.8c0.1,0,0.1,0,0.3,0l13.9,13.8C-119.4,112.4-119.6,112.4-119.6,112.4"/>
<path fill="#B43427" d="M-119.3,112.4l-14.1-13.8c0.1,0,0.1,0,0.3,0l13.9,13.8C-119.2,112.6-119.3,112.4-119.3,112.4"/>
<path fill="#B53627" d="M-119,112.6l-14.1-13.9c0.1,0,0.1,0,0.3,0l13.9,13.8C-118.9,112.6-119,112.6-119,112.6"/>
<path fill="#BB3827" d="M-118.8,112.6l-14.1-13.9h0.1l14.1,13.8C-118.6,112.6-118.8,112.6-118.8,112.6"/>
</g>
</g>
</g>
<g enable-background="new ">
<g>
<defs>
<path id="SVGID_7_" d="M-141.5,133.4l-14.1-13.8c-1.1-1.1-1.8-2.6-1.8-4.3l13.9,13.8C-143.3,130.8-142.7,132.3-141.5,133.4z
"/>
</defs>
<clipPath id="SVGID_8_">
<use xlink:href="#SVGID_7_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_8_)" enable-background="new ">
<path fill="#81221A" d="M-141.5,133.4l-14.1-13.8c-1.1-0.9-1.7-2.4-1.7-3.8l13.9,13.8C-143.2,131.1-142.6,132.4-141.5,133.4
"/>
<path fill="#86251B" d="M-143.3,129.5l-13.9-13.8c0-0.1,0-0.4,0-0.5l13.9,13.8C-143.3,129.2-143.3,129.4-143.3,129.5"/>
</g>
</g>
</g>
<g>
<path fill="#D53E27" d="M-41.9,97.4v22.7c0,3.7-3,7-6.7,7.2l-87.9,7.8c-3.7,0.3-6.7-2.4-6.7-6.2v-22.7l21.2-1.8v4.9
c0,2,1.6,3.4,3.5,3.2l52-4.6c2-0.1,3.5-1.8,3.5-3.8v-4.9L-41.9,97.4z"/>
</g>
<g>
<g>
<polygon fill="#8A241C" points="-143.3,106.2 -157.3,92.4 -136.1,90.6 -122.2,104.4 "/>
</g>
<g>
<polygon fill="#8A241C" points="-143.3,106.2 -157.3,92.4 -136.1,90.6 -122.2,104.4 "/>
</g>
</g>
<g>
<polygon fill="#8A241C" points="-143.3,129 -157.3,115.2 -157.3,92.4 -143.3,106.2 "/>
</g>
</g>
<g enable-background="new ">
<g>
<g>
<polygon fill="#E3574F" points="-42,58.9 -41.9,92.4 -63.1,94.3 -63.2,60.8 "/>
</g>
<polygon fill="#E0493A" points="-42,58.9 -41.9,92.4 -63.1,94.3 -63.2,60.8 "/>
</g>
<g>
<polygon fill="#8A241C" points="-63.1,94.3 -77,80.5 -77.1,47 -63.2,60.8 "/>
</g>
<g>
<g>
<polygon fill="#8A241C" points="-63.2,60.8 -77.1,47 -56,45.1 -42,58.9 "/>
</g>
<g>
<polygon fill="#8A241C" points="-63.2,60.8 -77.1,47 -56,45.1 -42,58.9 "/>
</g>
</g>
</g>
<g enable-background="new ">
<g>
<g>
<polygon fill="#E3574F" points="-122.3,66 -122.2,99.5 -143.2,101.4 -143.3,67.9 "/>
</g>
<g>
<polygon fill="#E0493A" points="-122.3,66 -122.2,99.5 -143.2,101.4 -143.3,67.9 "/>
</g>
</g>
<g>
<polygon fill="#8A241C" points="-143.2,101.4 -157.3,87.6 -157.4,54.1 -143.3,67.9 "/>
</g>
<g>
<polygon fill="#8A241C" points="-143.3,67.9 -157.4,54.1 -136.2,52.2 -122.3,66 "/>
</g>
</g>
</g>
<g>
<g enable-background="new ">
<g>
<polygon fill="#8A241C" points="-63.1,55.8 -77,42 -77,37.8 -63.1,51.6 "/>
</g>
<g enable-background="new ">
<g>
<defs>
<path id="SVGID_9_" d="M-77.9,35.6c4.6,4.6,9.3,9.2,13.9,13.8c0.5,0.5,0.9,1.4,0.9,2.4L-77,37.9
C-77,36.9-77.4,36.1-77.9,35.6z"/>
</defs>
<clipPath id="SVGID_10_">
<use xlink:href="#SVGID_9_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_10_)" enable-background="new ">
<path fill="#86251B" d="M-63.1,51.6L-77,37.8c0-0.1,0-0.1,0-0.3l13.9,13.8C-63.1,51.5-63.1,51.6-63.1,51.6"/>
<path fill="#81221A" d="M-63.1,51.3L-77,37.5c0-0.8-0.4-1.6-0.9-2L-64,49.4C-63.5,49.9-63.2,50.5-63.1,51.3"/>
</g>
</g>
</g>
<g enable-background="new ">
<g>
<defs>
<path id="SVGID_11_" d="M-57.7,13.7c0.9,0.9,1.8,1.8,2.8,2.8c3.7,3.7,7.5,7.4,11.2,11c-1.2-1.2-3-1.8-4.9-1.7L-62.5,12
C-60.6,11.8-58.9,12.4-57.7,13.7z"/>
</defs>
<clipPath id="SVGID_12_">
<use xlink:href="#SVGID_11_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_12_)" enable-background="new ">
<path fill="#BB3827" d="M-48.6,25.8L-62.5,12c0.1,0,0.1,0,0.3,0l13.9,13.8C-48.3,25.8-48.5,25.8-48.6,25.8"/>
<path fill="#B53627" d="M-48.3,25.8L-62.3,12c0.1,0,0.4,0,0.5,0l14.1,13.8C-48,25.8-48.1,25.8-48.3,25.8"/>
<path fill="#B43427" d="M-47.7,25.8L-61.6,12c0.1,0,0.3,0,0.5,0l13.9,13.8C-47.4,25.8-47.6,25.8-47.7,25.8"/>
<path fill="#B13126" d="M-47.3,25.8L-61.2,12c0.1,0,0.3,0,0.4,0l13.9,13.8C-46.9,25.8-47.2,25.8-47.3,25.8"/>
<path fill="#AE3225" d="M-46.8,26L-60.8,12c0.1,0,0.3,0,0.4,0.1L-46.4,26C-46.5,26-46.6,26-46.8,26"/>
<path fill="#AA3025" d="M-46.4,26l-13.9-13.8c0.1,0,0.3,0.1,0.4,0.1L-46,26.1C-46.1,26.1-46.2,26-46.4,26"/>
<path fill="#A72C24" d="M-46,26.1l-13.9-13.8c0.1,0,0.3,0.1,0.4,0.1l13.9,13.8C-45.7,26.2-45.8,26.1-46,26.1"/>
<path fill="#A12D23" d="M-45.6,26.2l-13.9-13.8c0.1,0,0.3,0.1,0.4,0.1l13.9,13.8C-45.3,26.4-45.5,26.4-45.6,26.2"/>
<path fill="#9D2E22" d="M-45.2,26.5l-13.9-13.8c0.1,0.1,0.3,0.1,0.4,0.3l13.9,13.8C-44.9,26.6-45.1,26.5-45.2,26.5"/>
<path fill="#9A2E21" d="M-44.8,26.6l-13.9-13.8c0.1,0.1,0.3,0.1,0.4,0.3l13.9,13.8C-44.5,26.9-44.7,26.8-44.8,26.6"/>
<path fill="#962A20" d="M-44.4,26.9l-13.9-13.8c0.1,0.1,0.3,0.3,0.4,0.4L-44,27.3C-44,27.1-44.3,27-44.4,26.9"/>
<path fill="#942A21" d="M-43.9,27.3l-13.9-13.8c0.1,0.1,0.1,0.1,0.3,0.3l13.9,13.8C-43.7,27.4-43.9,27.4-43.9,27.3"/>
</g>
</g>
</g>
<g>
<polygon fill="#8A241C" points="-143.3,62.9 -157.3,49 -157.1,26.9 -143.2,40.7 "/>
</g>
<g>
<polygon fill="#C23B28" points="-136.5,33.5 -150.4,19.7 -62.5,12 -48.6,25.8 "/>
</g>
<g>
<g>
<path fill="#E3574F" d="M-136.5,33.5l87.9-7.6c3.7-0.3,6.7,2.4,6.7,6.2l0,21.9l-21.2,1.8v-4.2c0-2-1.6-3.4-3.5-3.2l-52,4.6
c-2,0.1-3.5,1.8-3.5,3.8V61l-21.2,1.8V40.8C-143.2,37-140.2,33.8-136.5,33.5z"/>
</g>
<g>
<path fill="#E3574F" d="M-136.5,33.5l87.9-7.6c3.7-0.3,6.7,2.4,6.7,6.2l0,21.9l-21.2,1.8v-4.2c0-2-1.6-3.4-3.5-3.2l-52,4.6
c-2,0.1-3.5,1.8-3.5,3.8V61l-21.2,1.8V40.8C-143.2,37-140.2,33.8-136.5,33.5z"/>
</g>
</g>
<g enable-background="new ">
<g>
<defs>
<path id="SVGID_13_" d="M-143.2,40.7l-13.9-13.8c0-3.7,3-7,6.7-7.2l13.9,13.8C-140.2,33.8-143.2,37-143.2,40.7z"/>
</defs>
<clipPath id="SVGID_14_">
<use xlink:href="#SVGID_13_" overflow="visible"/>
</clipPath>
<g clip-path="url(#SVGID_14_)" enable-background="new ">
<path fill="#86251B" d="M-143.2,40.7l-13.9-13.8v-0.1l13.9,13.8C-143.2,40.7-143.2,40.7-143.2,40.7"/>
<path fill="#8A241C" d="M-143.2,40.5l-13.9-13.8c0-0.1,0-0.4,0-0.5l13.9,13.8C-143.2,40.3-143.2,40.4-143.2,40.5"/>
<path fill="#8D241D" d="M-143.2,40l-13.9-13.8c0-0.1,0-0.3,0-0.5l13.9,13.8C-143.2,39.8-143.2,39.9-143.2,40"/>
<path fill="#90271F" d="M-143.1,39.6l-14.1-13.9c0-0.1,0-0.3,0.1-0.4l13.9,13.8C-143.1,39.2-143.1,39.5-143.1,39.6"/>
<path fill="#942A21" d="M-143.1,39.1L-157,25.3c0-0.1,0-0.3,0.1-0.4l13.9,13.8C-142.9,38.8-142.9,39-143.1,39.1"/>
<path fill="#962A20" d="M-142.9,38.7l-13.9-13.8c0-0.1,0.1-0.3,0.1-0.4l13.9,13.8C-142.8,38.6-142.9,38.6-142.9,38.7"/>
<path fill="#9A2E21" d="M-142.8,38.4l-13.9-13.9c0-0.1,0.1-0.3,0.1-0.4l13.9,13.8C-142.7,38.2-142.8,38.3-142.8,38.4"/>
<path fill="#9D2E22" d="M-142.7,38.1l-13.9-13.8c0-0.1,0.1-0.3,0.1-0.4l13.9,13.8C-142.6,37.8-142.7,37.9-142.7,38.1"/>
<path fill="#A12D23" d="M-142.6,37.7l-13.9-13.8c0-0.1,0.1-0.3,0.1-0.4l14.1,13.9C-142.4,37.4-142.4,37.5-142.6,37.7"/>
<path fill="#A72C24" d="M-142.3,37.4l-14.1-13.9c0-0.1,0.1-0.3,0.1-0.4l13.9,13.8C-142.2,37.1-142.3,37.3-142.3,37.4"/>
<path fill="#AA3025" d="M-142.2,37l-13.9-13.8c0.1-0.1,0.1-0.3,0.3-0.4l13.9,13.8C-142,36.7-142,36.9-142.2,37"/>
<path fill="#AE3225" d="M-141.9,36.7L-156,22.8c0.1-0.1,0.1-0.3,0.3-0.4l13.9,13.8C-141.8,36.5-141.9,36.6-141.9,36.7"/>
<path fill="#B13126" d="M-141.6,36.3l-14.1-13.8c0.1-0.1,0.1-0.3,0.3-0.4l13.9,13.8C-141.5,36.1-141.6,36.2-141.6,36.3"/>
<path fill="#B43427" d="M-141.4,35.9l-14.1-13.8c0.1-0.1,0.3-0.3,0.3-0.4l13.9,13.8C-141.2,35.8-141.2,35.8-141.4,35.9"/>
<path fill="#B53627" d="M-141.1,35.7L-155,21.9c0.1-0.1,0.3-0.3,0.4-0.4l13.9,13.8C-140.8,35.4-141,35.6-141.1,35.7"/>
<path fill="#BB3827" d="M-140.7,35.3l-13.9-13.8c0.1-0.1,0.4-0.3,0.5-0.4l13.9,13.8C-140.3,35-140.5,35.2-140.7,35.3"/>
<path fill="#BC3927" d="M-140.2,34.9l-13.9-13.8c0.3-0.3,0.5-0.4,0.9-0.5l13.9,13.8C-139.5,34.5-139.9,34.6-140.2,34.9"/>
<path fill="#C13B28" d="M-139.3,34.4l-14.1-13.9c0.4-0.3,0.9-0.4,1.4-0.7l13.9,13.8C-138.4,33.8-138.9,34.1-139.3,34.4"/>
<path fill="#BC3927" d="M-137.8,33.7l-14.1-13.8c0.3-0.1,0.7-0.1,1.1-0.3l13.9,13.8C-137.2,33.6-137.6,33.6-137.8,33.7"/>
<path fill="#BB3827" d="M-136.9,33.5l-13.9-13.8c0.1,0,0.3,0,0.4,0l13.9,13.8C-136.6,33.5-136.8,33.5-136.9,33.5"/>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

2
openstack_dashboard/static/dashboard/scss/components/_context_selection.scss
View File

@ -21,7 +21,7 @@
& > a {
position: relative;
color: $navbar-default-color;
color: $dropdown-link-color;
text-decoration: none;
display: inline-block;
width: 100%;

100
openstack_dashboard/templates/_header.html
View File

@ -1,100 +0,0 @@
{% load branding i18n %}
{% load context_selection %}
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">{% trans "Toggle navigation" %}</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{% site_branding_link %}" target="_self"">
<img class="openstack-logo" src="{{ STATIC_URL }}dashboard/img/logo.png" alt="{% site_branding %}">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
{% show_overview %}
<span class="fa fa-caret-down"></span>
</a>
<ul class="dropdown-menu context-selection">
{% comment %}
is_multidomain is only available through an assignment tag pulled in through context_selection
{% endcomment %}
{% is_multidomain as domain_supported %}
{% if domain_supported %}
<li>
{% show_domain_list %}
</li>
{% endif %}
<li>
{% show_project_list %}
</li>
{% comment %}
is_multi_region is only available through an assignment tag pulled in through context_selection
{% endcomment %}
{% is_multi_region as multi_region %}
{% if multi_region %}
<li>
{% show_region_list %}
</li>
{% endif %}
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="fa fa-user"></span>
{{ request.user.username }}
<span class="fa fa-caret-down"></span>
</a>
<ul id="editor_list" class="dropdown-menu dropdown-menu-right">
<li>
<a href="{% url 'horizon:settings:user:index' %}" target="_self">
<span class="fa fa-cog"></span>
{% trans "Settings" %}
</a>
</li>
{% if HORIZON_CONFIG.bug_url %}
<li>
<a href="{{ HORIZON_CONFIG.bug_url }}" target="_blank">
<span class="fa fa-bug"></span>
{% trans "Report Bug" %}
</a>
</li>
{% endif %}
{% if HORIZON_CONFIG.help_url %}
<li>
<a href="{{ HORIZON_CONFIG.help_url }}" target="_blank">
<span class="fa fa-question-circle"></span>
{% trans "Help" %}
</a>
</li>
{% endif %}
<li class="divider"></li>
<li>
<a href="{% url 'logout' %}" target="_self">
<span class="fa fa-sign-out"></span>
{% trans "Sign Out" %}
</a>
</li>
</ul>
</li>
<li class="dropdown">
{% include "horizon/common/_region_selector.html" %}
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>

2
openstack_dashboard/templates/base.html
View File

@ -26,7 +26,7 @@
{% block content %}
<div id="container">
<div class='topbar'>
{% include "_header.html" %}
{% include "header/_header.html" %}
</div>
<div id='main_content'>
{% include "horizon/_messages.html" %}

6
openstack_dashboard/templates/context_selection/_overview.html
View File

@ -1,12 +1,12 @@
<span class="fa fa-list-alt"></span>
<span class="context-overview">
{% if domain_supported %}
<span>{{ domain_name }}</span>
<span> {{ domain_name }} </span>
<strong>&middot;</strong>
{% endif %}
<span>{{ project_name }}</span>
<span> {{ project_name }} </span>
{% if multi_region %}
<strong>&middot;</strong>
<span>{{ region_name }}</span>
<span> {{ region_name }} </span>
{% endif %}
</span>

5
openstack_dashboard/templates/header/_brand.html Normal file
View File

@ -0,0 +1,5 @@
{% load branding %}
<a class="navbar-brand" href="{% site_branding_link %}" target="_self">
<img class="openstack-logo" src="{{ STATIC_URL }}dashboard/img/logo.png" alt="{% site_branding %}">
</a>

42
openstack_dashboard/templates/header/_context_selection.html Normal file
View File

@ -0,0 +1,42 @@
{% load context_selection %}
{% if not_list %}
<div class="dropdown">
{% else %}
<li class="dropdown">
{% endif %}
<a class="dropdown-toggle{% if not_list %} btn btn-primary{% endif %}" role="button" aria-expanded="false" data-toggle="dropdown" href="#">
{% show_overview %}
<span class="fa fa-caret-down"></span>
</a>
<ul class="dropdown-menu context-selection">
{% comment %}
is_multidomain is only available through an assignment tag pulled in through context_selection
{% endcomment %}
{% is_multidomain as domain_supported %}
{% if domain_supported %}
<li>
{% show_domain_list %}
</li>
{% endif %}
<li>
{% show_project_list %}
</li>
{% comment %}
is_multi_region is only available through an assignment tag pulled in through context_selection
{% endcomment %}
{% is_multi_region as multi_region %}
{% if multi_region %}
<li>
{% show_region_list %}
</li>
{% endif %}
</ul>
{% if not_list %}
</div>
{% else %}
</li>
{% endif %}

30
openstack_dashboard/templates/header/_header.html Normal file
View File

@ -0,0 +1,30 @@
{% load i18n %}
{% spaceless %}
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">{% trans "Toggle navigation" %}</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
{% include "header/_brand.html" %}
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
{% include "header/_context_selection.html" %}
</ul>
<ul class="nav navbar-nav navbar-right">
{% include "header/_user_menu.html" %}
{% include "header/_region_selection.html" %}
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
{% endspaceless %}

11
openstack_dashboard/templates/header/_region_selection.html Normal file
View File

@ -0,0 +1,11 @@
{% if not_list %}
<div class="dropdown">
{% else %}
<li class="dropdown">
{% endif %}
{% include "horizon/common/_region_selector.html" %}
{% if not_list %}
</div>
{% else %}
</li>
{% endif %}

49
openstack_dashboard/templates/header/_user_menu.html Normal file
View File

@ -0,0 +1,49 @@
{% load i18n %}
{% if not_list %}
<div class="dropdown">
{% else %}
<li class="dropdown">
{% endif %}
<a data-toggle="dropdown" href="#" class="dropdown-toggle" role="button" aria-expanded="false">
<span class="fa fa-user"></span>
{{ request.user.username }}
<span class="fa fa-caret-down"></span>
</a>
<ul id="editor_list" class="dropdown-menu dropdown-menu-right">
<li>
<a href="{% url 'horizon:settings:user:index' %}" target="_self">
<span class="fa fa-cog"></span>
{% trans "Settings" %}
</a>
</li>
{% if HORIZON_CONFIG.bug_url %}
<li>
<a href="{{ HORIZON_CONFIG.bug_url }}" target="_blank">
<span class="fa fa-bug"></span>
{% trans "Report Bug" %}
</a>
</li>
{% endif %}
{% if HORIZON_CONFIG.help_url %}
<li>
<a href="{{ HORIZON_CONFIG.help_url }}" target="_blank">
<span class="fa fa-question-circle"></span>
{% trans "Help" %}
</a>
</li>
{% endif %}
<li class="divider"></li>
<li>
<a href="{% url 'logout' %}" target="_self">
<span class="fa fa-sign-out"></span>
{% trans "Sign Out" %}
</a>
</li>
</ul>
{% if not_list %}
</div>
{% else %}
</li>
{% endif %}

2
openstack_dashboard/themes/material/static/bootstrap/_variable_customizations.scss
View File

@ -2,7 +2,7 @@
//
//## Gray and brand colors for use across Bootstrap.
$brand-primary: #03a9f4;
$brand-primary: #00897b;
// If that blue isn't desired, then consider any of these other
//colors that are part of the Matieral Design Spec Color Palette

12
openstack_dashboard/themes/material/static/horizon/_styles.scss
View File

@ -3,6 +3,9 @@
@import "components/magic_search";
@import "components/sidebar";
.login .splash-logo {
width: 215px;
}
// General Layout Changes
#sidebar {
@ -35,6 +38,15 @@
z-index: 4;
}
.navbar-brand {
svg {
fill: $navbar-inverse-link-active-color;
height: $navbar-height - $padding-small-horizontal*2;
margin-top: $padding-small-horizontal;
display: inline-block;
}
}
// Hamburger menu only shows on smaller screen sizes
.navbar-header .md-hamburger {

109
openstack_dashboard/themes/material/templates/_header.html
View File

@ -1,109 +0,0 @@
{% load branding i18n %}
{% load context_selection %}
{% load compress %}
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">{% trans "Toggle navigation" %}</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="md-hamburger">
<button class="md-hamburger-trigger">
<span class="md-hamburger-layer md-hamburger-menu"></span>
</button>
{% compress js inline %}
<script src='{{ STATIC_URL }}custom/js/material.hamburger.js'></script>
{% endcompress %}
</div>
<a class="navbar-brand" href="{% site_branding_link %}" target="_self">
<img class="openstack-logo" src="{{ STATIC_URL }}dashboard/img/logo.png" alt="{% site_branding %}">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
{% show_overview %}
<span class="fa fa-caret-down"></span>
</a>
<ul class="dropdown-menu context-selection">
{% comment %}
is_multidomain is only available through an assignment tag pulled in through context_selection
{% endcomment %}
{% is_multidomain as domain_supported %}
{% if domain_supported %}
<li>
{% show_domain_list %}
</li>
{% endif %}
<li>
{% show_project_list %}
</li>
{% comment %}
is_multi_region is only available through an assignment tag pulled in through context_selection
{% endcomment %}
{% is_multi_region as multi_region %}
{% if multi_region %}
<li>
{% show_region_list %}
</li>
{% endif %}
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="fa fa-user"></span>
{{ request.user.username }}
<span class="fa fa-caret-down"></span>
</a>
<ul id="editor_list" class="dropdown-menu">
<li>
<a href="{% url 'horizon:settings:user:index' %}" target="_self">
<span class="fa fa-cog"></span>
{% trans "Settings" %}
</a>
</li>
{% if HORIZON_CONFIG.bug_url %}
<li>
<a href="{{ HORIZON_CONFIG.bug_url }}" target="_blank">
<span class="fa fa-bug"></span>
{% trans "Report Bug" %}
</a>
</li>
{% endif %}
{% if HORIZON_CONFIG.help_url %}
<li>
<a href="{{ HORIZON_CONFIG.help_url }}" target="_blank">
<span class="fa fa-question-circle"></span>
{% trans "Help" %}
</a>
</li>
{% endif %}
<li class="divider"></li>
<li>
<a href="{% url 'logout' %}" target="_self">
<span class="fa fa-sign-out"></span>
{% trans "Sign Out" %}
</a>
</li>
</ul>
</li>
<li class="dropdown">
{% include "horizon/common/_region_selector.html" %}
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>

3
openstack_dashboard/themes/material/templates/auth/_splash.html Normal file
View File

@ -0,0 +1,3 @@
<div class="text-center">
<img class="splash-logo" src="{{ STATIC_URL }}dashboard/img/logo-splash.svg">
</div>

5
openstack_dashboard/themes/material/templates/header/_brand.html Normal file
View File

@ -0,0 +1,5 @@
{% load branding %}
<a class="navbar-brand" href="{% site_branding_link %}" target="_self">
{% include "material/openstack-one-color.svg" %}
</a>

38
openstack_dashboard/themes/material/templates/header/_header.html Normal file
View File

@ -0,0 +1,38 @@
{% load branding i18n %}
{% load context_selection %}
{% load compress %}
<nav class="navbar-inverse">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">{% trans "Toggle navigation" %}</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="md-hamburger">
<button class="md-hamburger-trigger">
<span class="md-hamburger-layer md-hamburger-menu"></span>
</button>
{% compress js inline %}
<script src='{{ STATIC_URL }}custom/js/material.hamburger.js'></script>
{% endcompress %}
</div>
{% include "header/_brand.html" %}
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
{% include "header/_context_selection.html" %}
</ul>
<ul class="nav navbar-nav navbar-right">
{% include "header/_user_menu.html" %}
{% include "header/_region_selection.html" %}
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>

67
openstack_dashboard/themes/material/templates/material/openstack-one-color-alt.svg Normal file
View File

@ -0,0 +1,67 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 192.7 500 113.3" enable-background="new 0 192.7 500 113.3" xml:space="preserve">
<g>
<path d="M140.8,224.2c-9.6,0-18.8,7.9-18.8,26.8c0,18.2,8.1,26.7,18.2,26.7c8.7,0,18.7-6.7,18.7-26.8
C158.9,232.9,150.9,224.2,140.8,224.2z M140.7,271.1c-8.1,0-9.8-11.7-9.8-20.2c0-7.9,1.5-20.1,9.5-20.1c7.9,0,9.5,12.2,9.5,20.1
C150,259,148.4,271.1,140.7,271.1z"/>
<path d="M188.8,224.2c-4.4,0-8.8,1.9-12,7.4h-0.2l-0.5-6.6h-7.9c0.1,3.7,0.5,8.3,0.5,16.2h0v56.2h8.8v-25.7h0.2
c1.5,2.9,4.5,6,9.9,6c8.8,0,17.4-7.6,17.4-26.9C205,233.8,198.7,224.2,188.8,224.2z M186.2,270.8c-2.4,0-6.5-1.3-8.2-8.7
c-0.4-1.3-0.5-2.8-0.5-4.3v-13.2c0-1.4,0.1-2.8,0.4-4c0.5-4.7,4.2-9.3,8.2-9.3c7.2,0,10,9,10,19.7
C196.1,261.3,193.7,270.8,186.2,270.8z"/>
<path d="M231.6,224.2c-11.2,0-19,10.5-19,27.2c0,15.8,7,26,20.4,26c4.5,0,9.3-1,12.4-2.4l-1.5-6c-2.2,1.1-5.4,1.9-9.3,1.9
c-6.4,0-13.2-3.3-13.2-19.3h26c0.1-1.3,0.2-2.7,0.2-4.7C247.6,235.3,242.9,224.2,231.6,224.2z M221.5,245.5
c0.4-7.1,3.2-14.9,9.1-14.9c4.3,0,8.4,4.6,8.3,14.9H221.5z"/>
<path d="M278,224.2c-5.9,0-10.4,2.9-12.9,7.1h-0.2l-0.5-6.3h-7.8c0.1,4.1,0.5,7.3,0.5,13.4v38.4h8.9v-32.6c0-1.8,0.1-3.4,0.5-4.7
c1-5.5,4.6-8.3,8.3-8.3c6.5,0,7.8,6.1,7.8,12.3v33.3h8.9V242C291.6,229.5,285.8,224.2,278,224.2z"/>
<path d="M316.7,246.2c-5.6-3.5-7-5.5-7-8.9c0-3.4,2.4-6.6,7.2-6.6c3,0,5.3,1,7.5,2.3l2.3-6.2c-2.3-1.3-5.6-2.7-10-2.7
c-8.7,0-15.4,5.9-15.4,14.3c0,5.9,3.9,10.4,11.2,14.7c5.7,3.5,7.2,6.2,7.2,10.2c0,4.6-3.2,7.5-8.2,7.5c-3.6,0-7.1-1.5-9-2.7
l-2.2,6.2c2.4,1.8,7,3,11,3c9.3,0,16.9-5,16.9-15.4C328.3,254.8,323.2,250.1,316.7,246.2z"/>
<path d="M348.5,212.8l-8.9,3.3v8.8h-6.8v6.2h6.8v30.1c0,7.2,1,10.7,3.4,13c2.1,2.2,5.2,3.1,8.8,3.1c2.9,0,5-0.3,6.6-0.9l-0.5-6.3
c-0.9,0.2-2.1,0.3-3.6,0.3c-3.2,0-5.8-1.8-5.8-8.6v-30.8h10.8v-6.2h-10.8V212.8z"/>
<path d="M396.7,242.5c0-11.6-4.8-18.3-16-18.3c-5.6,0-10.7,1.8-13.1,3.4l2,5.8c2.7-1.7,5.8-2.7,9.3-2.7c7,0,8.9,4.7,8.9,11.7v1.6
c-12.6,0.1-23.9,5.8-23.9,18.8c0,9,5.8,14.8,13.2,14.8c4.9,0,8.8-2.3,11.2-6.3h0.4l0.6,5.5h8c-0.5-3.3-0.6-7.8-0.6-11.8V242.5z
M388,260.4c0,1-0.1,2.1-0.4,3c-1,5.1-4.3,7.8-8.2,7.8c-3.1,0-6.8-2.4-6.8-9.2c0-11.2,10.7-12.1,15.4-12.1h0V260.4z"/>
<path d="M428.8,231.1c2.9,0,5.2,0.9,6.4,1.4l1.7-6.7c-1.6-0.9-4.9-1.6-7.9-1.6c-14,0-22.1,12.1-22.1,27c0,17.1,8.2,26.2,20.5,26.2
c4,0,7.3-0.9,9.3-1.9l-1.3-6.3c-2,1-4,1.4-6.4,1.4c-8.2,0-13.2-7.3-13.2-19.4C415.8,241,419.7,231.1,428.8,231.1z"/>
<path d="M477,225h-9.6l-11.1,18.3c-1,1.7-2,3.8-3,5.8H453v-46.3h-8.8v74.1h8.8v-19.6l3.2-4.8l12.2,24.4h10l-16.2-30L477,225z"/>
<path d="M9.4,235.3l10.4,9.4c0.2-0.2,0.5-0.3,0.8-0.5l1.9-0.1l3.9-0.4l3.9-0.4l1.9-0.2c0.7,0.3,1.3,0.5,2,0.9l-3.4-3.4l3.5-0.4
v-3.1c0-1.4,1.2-2.7,2.6-2.8l30.3-2.6l0.1,22.7l3.3,3.3l-2.4,0.2l9.1,9.1l14.5-1.3l-2.3-2.3l3.3-0.3l-0.1-24.5c0,0,0,0,0,0
l-3.4-3.3l3.4-0.3l0-16.1c-0.2-1.6-1.2-2.9-2.6-3.4c-0.7-0.2-1.3-0.3-2-0.2l-2.3,0.5l-9.6,0.9l-19.1,1.6L38,220.1l-9.6,0.9
l-4.8-0.1c-1.4,0-2.9,0.7-4,2c0.6-1.5,2-2.8,3.8-3.2l4.8-1l9.6-0.8l19.2-1.7l19.2-1.7l9.6-0.9l2.5,0.1c0.5,0,1.1,0.1,1.6,0.3
l-8.4-8.3c-0.1-0.1-0.1-0.1-0.2-0.2c0,0-0.1-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1-0.1-0.2-0.1
c0,0,0,0-0.1,0l0,0c-0.1-0.1-0.2-0.1-0.3-0.2c0,0,0,0,0,0c-0.1,0-0.1-0.1-0.2-0.1s-0.1,0-0.2-0.1c0,0,0,0-0.1,0c0,0,0,0-0.1,0
c-0.1,0-0.2-0.1-0.3-0.1c0,0,0,0-0.1,0s0,0-0.1,0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2,0c0,0,0,0-0.1,0s0,0-0.1,0
c-0.1,0-0.2,0-0.4,0c0,0,0,0-0.1,0h0c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0l-64.2,5.5c-0.1,0-0.2,0-0.2,0s-0.1,0-0.2,0
c0,0-0.1,0-0.1,0c-0.1,0-0.3,0-0.4,0.1c-0.2,0-0.4,0.1-0.5,0.2c-0.1,0-0.1,0.1-0.2,0.1c-0.1,0-0.2,0.1-0.3,0.1c0,0,0,0-0.1,0
c-0.2,0.1-0.4,0.2-0.6,0.4c0,0,0,0,0,0c-0.1,0.1-0.1,0.1-0.2,0.2c0,0-0.1,0.1-0.1,0.1l0,0c0,0-0.1,0.1-0.1,0.1
c-0.1,0-0.1,0.1-0.2,0.1c0,0-0.1,0.1-0.1,0.1l0,0c0,0-0.1,0.1-0.1,0.1c-0.1,0.1-0.1,0.1-0.2,0.2c0,0,0,0.1-0.1,0.1
c0,0.1-0.1,0.1-0.1,0.2c0,0-0.1,0.1-0.1,0.1c0,0,0,0,0,0s0,0,0,0.1c0,0.1-0.1,0.2-0.1,0.2c0,0,0,0,0,0.1s0,0,0,0.1
c0,0,0,0.1-0.1,0.1c0,0.1-0.1,0.2-0.1,0.2c0,0,0,0,0,0.1c0,0.1,0,0.1-0.1,0.2s0,0.1,0,0.2c0,0,0,0.1,0,0.1c0,0.1-0.1,0.2-0.1,0.2
c0,0,0,0.1,0,0.1c0,0,0,0,0,0s0,0.1,0,0.1c0,0.1,0,0.2,0,0.4s0,0.3,0,0.4c0,0,0,0.1,0,0.1l0,16.1L12,235L9.4,235.3z M67.9,230.1
l10.4,9.4c0.3-0.2,0.6-0.4,0.9-0.5l1.9-0.1l3.9-0.4l3.9-0.4l1.9-0.2c0.7,0.3,1.3,0.5,2,0.9c-0.6,0.5-1.2,0.8-1.8,1.2l-1.9,0.2
l-3.9,0.4l-3.9,0.4l-1.9,0.2c-0.3-0.1-0.6-0.2-0.9-0.4l-0.2,0.2l-0.6-0.5c-0.1-0.1-0.3-0.1-0.4-0.2c0,0,0.1,0,0.1-0.1L67.2,231
L67.9,230.1z"/>
<path d="M12,263l-3.2,0.3l1.7,1.6l8.3,7.8l0-0.4l16.6-1.5v4.8c0,0.4,0.1,0.7,0.4,1s0.6,0.4,1,0.3l38-3.3c0.9-0.1,1.6-0.9,1.6-1.7
v-4l-9.1-9.1v3c0,0,0,0,0,0.1c0,0.1,0,0.1,0,0.2s0,0.1,0,0.2c0,0.1,0,0.1,0,0.1c0,0,0,0.1,0,0.1s0,0.1,0,0.1s0,0.1,0,0.1v0
c0,0,0,0.1-0.1,0.1c0,0,0,0.1-0.1,0.1s0,0.1-0.1,0.1c0,0,0,0.1-0.1,0.1c0,0-0.1,0.1-0.1,0.1c0,0-0.1,0.1-0.1,0.1
c0,0-0.1,0.1-0.1,0.1c0,0-0.1,0.1-0.1,0.1c-0.1,0.1-0.1,0.1-0.2,0.1c0,0,0,0,0,0c-0.1,0.1-0.2,0.1-0.3,0.2c0,0,0,0-0.1,0
c-0.2,0.1-0.4,0.2-0.5,0.2c-0.1,0-0.2,0.1-0.4,0.1c0,0-0.1,0-0.1,0l-30.4,2.7l-0.1-23.2c-0.6,0.5-1.2,0.9-1.8,1.2l-1.9,0.2
l-3.9,0.4l-3.9,0.4l-1.9,0.2c-0.5-0.2-0.9-0.4-1.4-0.6c-0.2-0.1-0.4-0.2-0.5-0.3c0,0-0.1,0-0.1-0.1c0,0,0,0,0,0l-10.4-9.3l0.1,23.6
L12,263z"/>
<path d="M78.5,271.8c0,2-1.6,3.7-3.5,3.9L37,279c-0.1,0-0.2,0-0.3,0c-0.9,0-1.7-0.3-2.3-0.9c-0.7-0.6-1.1-1.6-1.1-2.6v-2.4
L19,274.5v-0.2l-0.4-0.4l-9.9-9.3l0,15.3c0,0.1,0,0.2,0,0.4c0,0,0,0,0,0c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2s0,0.1,0,0.2
c0,0.1,0,0.2,0.1,0.2c0,0,0,0.1,0,0.1c0,0.1,0.1,0.2,0.1,0.2c0,0,0,0.1,0.1,0.1c0,0.1,0.1,0.2,0.1,0.2c0,0,0,0.1,0.1,0.1
c0,0.1,0.1,0.1,0.1,0.2c0,0,0.1,0.1,0.1,0.1c0,0.1,0.1,0.1,0.2,0.2c0,0,0.1,0.1,0.1,0.1c0.1,0.1,0.2,0.2,0.3,0.3L20,293.2
c0.9,0.9,2.2,1.5,3.7,1.3l64.2-5.6c2.7-0.2,4.9-2.6,4.9-5.3l0-15.5l-14.4,1.2V271.8z M19,291.3c0-0.1,0-0.1,0-0.2
C19,291.2,19,291.3,19,291.3S19,291.4,19,291.3z M19.1,291.8c0,0,0-0.1,0-0.1C19.1,291.7,19.2,291.8,19.1,291.8
C19.1,291.8,19.1,291.8,19.1,291.8z M19.3,292.1c0,0,0-0.1,0-0.1c0,0.1,0.1,0.2,0.1,0.2C19.3,292.2,19.3,292.2,19.3,292.1z
M19.8,292.9C19.8,292.9,19.8,292.9,19.8,292.9C19.8,292.9,19.8,292.9,19.8,292.9z"/>
<path d="M484,224.2c-3.1,0-5.6,2.4-5.6,5.4c0,3,2.5,5.5,5.6,5.5c3.1,0,5.5-2.4,5.5-5.5C489.5,226.6,487.1,224.2,484,224.2z
M484,234c-2.4,0-4.2-1.9-4.2-4.3c0-2.4,1.8-4.3,4.2-4.3c2.4,0,4.2,2,4.2,4.4C488.1,232,486.3,234,484,234z"/>
<path d="M485.2,229.8L485.2,229.8c0.6-0.3,1.1-0.7,1.1-1.4c0-0.5-0.2-0.9-0.6-1.2c-0.4-0.3-0.8-0.4-1.8-0.4c-0.9,0-1.6,0.1-2.1,0.2
v5.4h1.3v-2.1h0.6c0.7,0,1,0.3,1.1,0.8c0.2,0.7,0.3,1.1,0.4,1.3h1.3c-0.1-0.2-0.2-0.5-0.4-1.3C486,230.4,485.7,230,485.2,229.8z
M483.7,229.4h-0.6v-1.6c0.1,0,0.4-0.1,0.7-0.1c0.8,0,1.2,0.3,1.2,0.8C485,229.2,484.4,229.4,483.7,229.4z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

93
openstack_dashboard/themes/material/templates/material/openstack-one-color-alt.svg.old Normal file
View File

@ -0,0 +1,93 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1410 296" enable-background="new 0 0 1410 296" xml:space="preserve">
<g>
<g>
<path d="M448.1,150.4c0,56.5-28.1,75.5-52.6,75.5c-28.4,0-51.3-23.9-51.3-75.2c0-53.1,25.8-75.5,52.9-75.5
C425.6,75.3,448.1,99.7,448.1,150.4z M369.4,150.4c0,24.2,4.6,57.1,27.5,57.1c21.6,0,26.1-34.1,26.1-57.1
c0-22.3-4.5-56.7-26.8-56.7C373.6,93.7,369.4,128.1,369.4,150.4z"/>
<path d="M475.9,123c0-22.3-1-35.3-1.3-45.6h22.2l1.3,18.7h0.7c8.8-15.4,21.2-20.8,33.7-20.8
c27.8,0,45.7,26.9,45.7,74.9c0,54.3-24.2,75.8-49,75.8c-15.1,0-23.5-8.8-27.8-16.9h-0.6v72.5h-24.8V123z M500.7,170
c0,4.2,0.3,8.5,1.3,12.1c4.9,20.8,16.3,24.5,23.2,24.5c20.9,0,27.8-26.6,27.8-55.9c0-30.2-7.9-55.5-28.1-55.5
c-11.4,0-21.9,13-23.2,26.3c-0.6,3.3-1,7.3-1,11.2V170z"/>
<path d="M624.2,152.5c0,45,19.3,54.3,37.3,54.3c11.1,0,19.9-2.4,26.2-5.4l4.2,16.9c-8.8,4.2-22.2,6.9-35,6.9
c-37.9,0-57.5-28.7-57.5-73.3c0-47.1,21.9-76.7,53.6-76.7c32,0,45.1,31.4,45.1,64c0,5.7-0.3,9.7-0.6,13.3H624.2z M673.9,135.3
c0.3-29-11.5-42-23.5-42c-16.7,0-24.8,22-25.8,42H673.9z"/>
<path d="M725.2,115.1c0-17.2-1-26-1.3-37.7h21.9l1.3,17.8h0.6c6.9-11.8,19.6-19.9,36.3-19.9
c21.9,0,38.2,14.8,38.2,50.1v98.1h-25.1v-93.9c0-17.5-3.6-34.7-21.9-34.7c-10.4,0-20.6,8.1-23.5,23.5c-1,3.6-1.3,8.2-1.3,13.3
v91.8h-25.2V115.1z"/>
<path d="M853.3,199.3c5.5,3.3,15.3,7.6,25.5,7.6c14.1,0,23.2-8.2,23.2-21.1c0-11.2-4.3-18.7-20.3-28.7
C861.1,145,850,132.3,850,115.7c0-23.9,19-40.4,43.5-40.4c12.4,0,21.6,3.9,28.1,7.5l-6.6,17.5c-6.2-3.9-12.7-6.6-21.2-6.6
c-13.4,0-20.3,9.1-20.3,18.7c0,9.6,3.9,15.1,19.6,25c18.3,10.9,32.7,24.2,32.7,44.4c0,29.3-21.5,43.5-47.7,43.5
c-11.5,0-24.2-3.3-31.1-8.4L853.3,199.3z"/>
<path d="M982.7,43.2v34.1h30.4v17.5h-30.4v86.9c0,19,7.2,24.2,16.3,24.2c4.2,0,7.5-0.3,10.1-0.9l1.3,17.8
c-4.6,1.5-10.4,2.4-18.6,2.4c-10.1,0-19-2.4-24.8-8.7c-6.6-6.6-9.5-16.6-9.5-36.8V94.9h-19.3V77.4h19.3V52.6L982.7,43.2z"/>
<path d="M1118.6,190.3c0,11.2,0.3,23.8,1.6,33.2h-22.5l-1.6-15.4h-1c-6.9,11.2-18,17.8-31.7,17.8
c-20.9,0-37.3-16.3-37.3-41.7c0-36.8,31.7-52.8,67.3-53.1v-4.5c0-19.6-5.6-32.9-25.2-32.9c-9.8,0-18.6,2.7-26.1,7.5l-5.6-16.3
c6.9-4.5,21.3-9.7,37-9.7c31.7,0,45.1,19,45.1,51.6V190.3z M1094.1,147.7c-13.1,0-43.4,2.4-43.4,34.1c0,19.3,10.5,26,19.3,26
c11.1,0,20.3-7.6,23.2-22c0.7-2.7,1-5.7,1-8.5V147.7z"/>
<path d="M1231.4,219.9c-5.6,3-15,5.4-26.2,5.4c-34.6,0-57.8-25.7-57.8-74c0-42,22.9-76.1,62.4-76.1
c8.5,0,17.7,2.1,22.2,4.5l-4.9,19c-3.2-1.5-9.8-3.9-18-3.9c-25.5,0-36.6,27.8-36.6,56.4c0,34.1,14,54.7,37.2,54.7
c6.6,0,12.5-1.2,18-3.9L1231.4,219.9z"/>
<path d="M1277.4,145.3h0.6c2.9-5.7,5.6-11.5,8.5-16.3l31.4-51.6h27.1l-41.8,61.6l45.8,84.5h-28.1l-34.3-68.8
l-9.1,13.6v55.2h-24.8V14.6h24.8V145.3z"/>
</g>
<polygon points="24.1,106.5 24.1,106.6 24.1,106.5 "/>
<g>
<g>
<path d="M862,119.6c0,2-1.6,3.7-3.7,3.7s-3.7-1.6-3.7-3.7c0-2,1.7-3.6,3.8-3.6C860.4,116,862,117.6,862,119.6z
M855.5,119.6c0,1.6,1.2,2.9,2.8,2.9c1.6,0,2.8-1.3,2.8-2.9c0-1.6-1.2-2.9-2.8-2.9C856.7,116.7,855.5,118,855.5,119.6z
M857.8,121.5h-0.8v-3.6c0.3,0,0.8-0.1,1.4-0.1c0.7,0,1,0.1,1.2,0.3c0.2,0.2,0.4,0.4,0.4,0.8c0,0.4-0.3,0.7-0.8,0.9v0
c0.4,0.1,0.5,0.4,0.6,0.9c0.1,0.6,0.2,0.8,0.3,0.9h-0.9c-0.1-0.1-0.2-0.4-0.3-0.9c-0.1-0.4-0.3-0.6-0.8-0.6h-0.4V121.5z
M857.8,119.5h0.4c0.5,0,0.8-0.2,0.8-0.5c0-0.3-0.2-0.6-0.8-0.6c-0.2,0-0.4,0-0.5,0V119.5z"/>
</g>
</g>
<g>
<path d="M96.7,120.8l0-8.7c0-4,3.3-7.5,7.2-7.8l85.4-7.4l0.3,64.1l9.4,9.3l-6.7,0.6l25.7,25.7L259,193l-6.5-6.5
l9.4-0.8l-0.3-69c-1.7,1.4-3.4,2.4-5.2,3.5l-5.4,0.5l-10.9,1l-10.9,1l-5.4,0.5c-0.8-0.3-1.6-0.7-2.5-1l-0.5,0.5l-1.6-1.5
c-0.4-0.2-0.8-0.4-1.1-0.6c0.1-0.1,0.2-0.1,0.2-0.2l-28.9-26.1l2-2.3l29.4,26.6c0.8-0.5,1.6-1,2.4-1.5l5.4-0.4l10.9-1l10.9-1
l5.4-0.5c1.9,0.8,3.8,1.5,5.7,2.6l-9.5-9.4l9.7-0.8l0.1-45.5c-0.6-4.6-3.5-8.3-7.3-9.7c-1.9-0.7-3.8-0.9-5.7-0.6l-6.6,1.3l-27,2.4
L161.3,59l-54.1,4.7l-27,2.4l-13.6-0.2c-4,0.1-8.3,2.1-11.2,5.7c1.8-4.2,5.7-7.8,10.7-8.9l13.5-2.7l27.1-2.3l54.1-4.7l54.1-4.7
l27-2.4l7,0.2c1.5,0.1,3,0.4,4.4,0.9l-23.8-23.5c-0.2-0.2-0.4-0.3-0.6-0.5c-0.1-0.1-0.2-0.2-0.3-0.2c0,0,0,0,0,0
c-0.1-0.1-0.2-0.2-0.3-0.2c-0.1-0.1-0.2-0.2-0.3-0.2c-0.2-0.1-0.3-0.2-0.5-0.3c-0.1,0-0.1-0.1-0.2-0.1c0,0-0.1-0.1-0.1-0.1
c-0.3-0.2-0.5-0.3-0.8-0.5c0,0-0.1,0-0.1-0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c-0.2-0.1-0.4-0.2-0.6-0.3
c-0.2-0.1-0.3-0.1-0.5-0.2c0,0,0,0,0,0c-0.1,0-0.1,0-0.2-0.1c-0.1,0-0.1,0-0.2-0.1c-0.3-0.1-0.5-0.2-0.8-0.3c-0.1,0-0.1,0-0.2,0
c0,0,0,0,0,0c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4-0.1-0.5-0.1c-0.2,0-0.4-0.1-0.6-0.1c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2,0
c-0.3,0-0.7-0.1-1-0.1c-0.1,0-0.1,0-0.2,0c0,0,0,0,0,0c0,0-0.1,0-0.1,0c-0.3,0-0.5,0-0.8,0c-0.2,0-0.4,0-0.6,0L38.3,35.6
c-0.3,0-0.5,0.1-0.7,0.1c-0.2,0-0.3,0.1-0.5,0.1c0,0,0,0,0,0c0,0,0,0,0,0c-0.1,0-0.2,0-0.3,0.1c0,0,0,0,0,0c0,0,0,0,0,0
C36.4,36,36,36,35.6,36.2c0,0,0,0,0,0s0,0,0,0c-0.5,0.1-1,0.3-1.4,0.5c0,0,0,0,0,0c0,0,0,0,0,0c-0.2,0.1-0.4,0.2-0.6,0.3
c0,0,0,0,0,0c-0.3,0.1-0.5,0.2-0.8,0.4c-0.1,0-0.1,0.1-0.2,0.1c-0.6,0.3-1.2,0.7-1.8,1.2c0,0,0,0-0.1,0c-0.2,0.2-0.4,0.4-0.7,0.5
c-0.1,0.1-0.2,0.2-0.3,0.3c0,0-0.1,0.1-0.1,0.1c0,0,0,0,0,0c-0.1,0.1-0.2,0.2-0.3,0.2c0,0,0,0,0,0c-0.2,0.1-0.3,0.3-0.5,0.4
c-0.1,0.1-0.2,0.2-0.3,0.3c0,0,0,0,0,0s0,0,0,0c0,0-0.1,0.1-0.1,0.1c0,0,0,0,0,0c-0.1,0.1-0.2,0.2-0.3,0.3
c-0.2,0.2-0.3,0.4-0.5,0.6c0,0,0,0,0,0c-0.1,0.1-0.1,0.2-0.2,0.3l0,0c-0.1,0.2-0.3,0.4-0.4,0.6c-0.1,0.1-0.2,0.3-0.3,0.4
c0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0.1l0,0c0,0.1-0.1,0.1-0.1,0.2c-0.1,0.2-0.3,0.5-0.4,0.7c0,0-0.1,0.1-0.1,0.2
c0,0.1-0.1,0.1-0.1,0.2l0,0c-0.1,0.1-0.1,0.2-0.2,0.3c-0.1,0.2-0.2,0.5-0.3,0.7c0,0,0,0,0,0c0,0,0,0,0,0c0,0.1-0.1,0.1-0.1,0.2
c0,0,0,0,0,0c-0.1,0.2-0.1,0.3-0.2,0.5c-0.1,0.2-0.1,0.3-0.1,0.5c0,0,0,0,0,0c0,0.1-0.1,0.2-0.1,0.4c-0.1,0.2-0.2,0.5-0.2,0.7
c0,0.1-0.1,0.3-0.1,0.4c0,0,0,0,0,0.1c0,0.1-0.1,0.2-0.1,0.4c0,0.3-0.1,0.6-0.1,1c0,0.4-0.1,0.8-0.1,1.1c0,0.1,0,0.2,0,0.3
l-0.1,45.5l9.6,9.5l-7.5,0.7l29.4,26.5c0.7-0.5,1.5-0.9,2.2-1.4l5.4-0.4l10.9-1l10.9-1l5.4-0.5c1.9,0.8,3.8,1.5,5.7,2.6l-9.6-9.5
L96.7,120.8z"/>
<path d="M24.1,108.9l0.3,66.5l9.4,9.3l-9,0.8l4.9,4.6l0,0L53,212.1l-0.1-1l46.9-4.1l0,13.4c0,1.1,0.4,2,1.1,2.7
s1.7,1,2.7,0.9l107.3-9.4c2.4-0.2,4.5-2.4,4.5-4.8l0-11.3l-25.7-25.7l0,8.6c0,0.1,0,0.1,0,0.2c0,0.2,0,0.4,0,0.6
c0,0.2,0,0.3-0.1,0.5c0,0.2-0.1,0.3-0.1,0.4c0,0.1-0.1,0.3-0.1,0.4c0,0,0,0,0,0c0,0.1-0.1,0.3-0.1,0.4c0,0.1-0.1,0.3-0.1,0.4
c0,0,0,0.1,0,0.1c0,0.1-0.1,0.2-0.2,0.3c0,0.1-0.1,0.2-0.2,0.3c-0.1,0.1-0.1,0.2-0.2,0.3c-0.1,0.1-0.1,0.2-0.2,0.4
c-0.1,0.1-0.2,0.2-0.3,0.4c-0.1,0.1-0.2,0.2-0.3,0.4c-0.1,0.1-0.2,0.2-0.3,0.4c0,0,0,0,0,0c-0.1,0.1-0.3,0.3-0.4,0.4
c-0.2,0.2-0.3,0.3-0.5,0.4c0,0,0,0-0.1,0c-0.3,0.2-0.5,0.4-0.8,0.5c-0.1,0-0.1,0.1-0.2,0.1c-0.5,0.3-1,0.5-1.5,0.6
c-0.3,0.1-0.7,0.2-1,0.2c-0.1,0-0.3,0-0.4,0.1l-85.6,7.5l-0.2-65.3c-1.7,1.4-3.4,2.4-5.2,3.5l-5.4,0.5l-10.9,1l-10.9,1l-5.4,0.5
c-1.3-0.5-2.6-1-3.9-1.6l0,0l0,0c-0.5-0.2-1-0.5-1.5-0.8v0l0,0c-0.1-0.1-0.2-0.1-0.4-0.2c0,0,0,0,0.1-0.1L24.1,108.9z"/>
<path d="M221.4,202.4l0,7.2c0,5.6-4.4,10.4-10,10.9l-107.2,9.4c-0.3,0-0.6,0-0.9,0c-2.4,0-4.7-0.9-6.5-2.5
c-2-1.8-3.1-4.4-3.1-7.2l0-6.7l-40.2,3.5l0-0.5l-1.1-1l0,0l-27.9-26.2l-0.1,43.1c0,0.4,0,0.7,0,1.1c0,0,0,0,0,0.1
c0,0.2,0.1,0.4,0.1,0.7c0,0.2,0.1,0.4,0.1,0.6c0,0.2,0.1,0.3,0.1,0.5c0.1,0.2,0.1,0.5,0.2,0.7c0,0.1,0.1,0.3,0.1,0.4
c0.1,0.2,0.2,0.5,0.3,0.7c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.2,0.2,0.5,0.3,0.7c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.2,0.2,0.4,0.4,0.6
c0.1,0.1,0.2,0.2,0.2,0.4c0.1,0.2,0.3,0.4,0.5,0.6c0.1,0.1,0.2,0.2,0.2,0.3c0.2,0.3,0.5,0.6,0.8,0.8L56.7,270
c-0.1-0.1-0.1-0.2-0.2-0.2c2.5,2.6,6.2,4.1,10.3,3.8l181.1-15.9c7.7-0.7,13.8-7.4,13.9-15l0.1-43.8L221.4,202.4z M53.1,262.2
c0-0.4-0.1-0.8-0.1-1.3C53.1,261.4,53.1,261.8,53.1,262.2C53.1,262.2,53.1,262.2,53.1,262.2z M53.3,263.4c0-0.3-0.1-0.5-0.1-0.8
C53.2,263,53.3,263.3,53.3,263.4C53.3,263.5,53.3,263.5,53.3,263.4z M53.6,264.6c-0.1-0.2-0.1-0.4-0.1-0.6
c0.1,0.2,0.1,0.5,0.2,0.7C53.6,264.7,53.6,264.7,53.6,264.6z M54,265.8c-0.1-0.1-0.1-0.3-0.1-0.4c0.1,0.2,0.2,0.4,0.2,0.6
C54,265.9,54,265.8,54,265.8z M54.6,267.2c-0.1-0.1-0.1-0.2-0.2-0.4c0-0.1-0.1-0.2-0.1-0.3C54.4,266.8,54.5,267,54.6,267.2
C54.6,267.2,54.6,267.2,54.6,267.2z M55.2,268.2c-0.1-0.1-0.1-0.2-0.2-0.3c0,0-0.1-0.1-0.1-0.1C55.1,267.9,55.2,268.1,55.2,268.2
C55.3,268.3,55.3,268.2,55.2,268.2z M55.9,269.1c-0.1-0.1-0.1-0.2-0.2-0.3c0,0,0-0.1-0.1-0.1C55.8,268.9,55.9,269.1,55.9,269.1
C56,269.2,56,269.2,55.9,269.1z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

73
openstack_dashboard/themes/material/templates/material/openstack-one-color.svg Normal file
View File

@ -0,0 +1,73 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 192.7 500 113.3" enable-background="new 0 192.7 500 113.3" xml:space="preserve">
<g id="Layer_1_1_">
</g>
<g id="Layer_3">
</g>
<g id="Layer_4">
</g>
<g>
<path d="M140.8,224.2c-9.6,0-18.8,7.9-18.8,26.8c0,18.2,8.1,26.7,18.2,26.7c8.7,0,18.7-6.7,18.7-26.8
C158.9,232.9,150.9,224.2,140.8,224.2z M140.7,271.1c-8.1,0-9.8-11.7-9.8-20.2c0-7.9,1.5-20.1,9.5-20.1c7.9,0,9.5,12.2,9.5,20.1
C150,259,148.4,271.1,140.7,271.1z"/>
<path d="M188.8,224.2c-4.4,0-8.8,1.9-12,7.4h-0.2l-0.5-6.6h-7.9c0.1,3.7,0.5,8.3,0.5,16.2h0v56.2h8.8v-25.7h0.2
c1.5,2.9,4.5,6,9.9,6c8.8,0,17.4-7.6,17.4-26.9C205,233.8,198.7,224.2,188.8,224.2z M186.2,270.8c-2.4,0-6.5-1.3-8.2-8.7
c-0.4-1.3-0.5-2.8-0.5-4.3v-13.2c0-1.4,0.1-2.8,0.4-4c0.5-4.7,4.2-9.3,8.2-9.3c7.2,0,10,9,10,19.7
C196.1,261.3,193.7,270.8,186.2,270.8z"/>
<path d="M231.6,224.2c-11.2,0-19,10.5-19,27.2c0,15.8,7,26,20.4,26c4.5,0,9.3-1,12.4-2.4l-1.5-6c-2.2,1.1-5.4,1.9-9.3,1.9
c-6.4,0-13.2-3.3-13.2-19.3h26c0.1-1.3,0.2-2.7,0.2-4.7C247.6,235.3,242.9,224.2,231.6,224.2z M221.5,245.5
c0.4-7.1,3.2-14.9,9.1-14.9c4.3,0,8.4,4.6,8.3,14.9H221.5z"/>
<path d="M278,224.2c-5.9,0-10.4,2.9-12.9,7.1h-0.2l-0.5-6.3h-7.8c0.1,4.1,0.5,7.3,0.5,13.4v38.4h8.9v-32.6c0-1.8,0.1-3.4,0.5-4.7
c1-5.5,4.6-8.3,8.3-8.3c6.5,0,7.8,6.1,7.8,12.3v33.3h8.9V242C291.6,229.5,285.8,224.2,278,224.2z"/>
<path d="M316.7,246.2c-5.6-3.5-7-5.5-7-8.9c0-3.4,2.4-6.6,7.2-6.6c3,0,5.3,1,7.5,2.3l2.3-6.2c-2.3-1.3-5.6-2.7-10-2.7
c-8.7,0-15.4,5.9-15.4,14.3c0,5.9,3.9,10.4,11.2,14.7c5.7,3.5,7.2,6.2,7.2,10.2c0,4.6-3.2,7.5-8.2,7.5c-3.6,0-7.1-1.5-9-2.7
l-2.2,6.2c2.4,1.8,7,3,11,3c9.3,0,16.9-5,16.9-15.4C328.3,254.8,323.2,250.1,316.7,246.2z"/>
<path d="M348.5,212.8l-8.9,3.3v8.8h-6.8v6.2h6.8v30.1c0,7.2,1,10.7,3.4,13c2.1,2.2,5.2,3.1,8.8,3.1c2.9,0,5-0.3,6.6-0.9l-0.5-6.3
c-0.9,0.2-2.1,0.3-3.6,0.3c-3.2,0-5.8-1.8-5.8-8.6v-30.8h10.8v-6.2h-10.8V212.8z"/>
<path d="M396.7,242.5c0-11.6-4.8-18.3-16-18.3c-5.6,0-10.7,1.8-13.1,3.4l2,5.8c2.7-1.7,5.8-2.7,9.3-2.7c7,0,8.9,4.7,8.9,11.7v1.6
c-12.6,0.1-23.9,5.8-23.9,18.8c0,9,5.8,14.8,13.2,14.8c4.9,0,8.8-2.3,11.2-6.3h0.4l0.6,5.5h8c-0.5-3.3-0.6-7.8-0.6-11.8V242.5z
M388,260.4c0,1-0.1,2.1-0.4,3c-1,5.1-4.3,7.8-8.2,7.8c-3.1,0-6.8-2.4-6.8-9.2c0-11.2,10.7-12.1,15.4-12.1h0V260.4z"/>
<path d="M428.8,231.1c2.9,0,5.2,0.9,6.4,1.4l1.7-6.7c-1.6-0.9-4.9-1.6-7.9-1.6c-14,0-22.1,12.1-22.1,27c0,17.1,8.2,26.2,20.5,26.2
c4,0,7.3-0.9,9.3-1.9l-1.3-6.3c-2,1-4,1.4-6.4,1.4c-8.2,0-13.2-7.3-13.2-19.4C415.8,241,419.7,231.1,428.8,231.1z"/>
<path d="M477,225h-9.6l-11.1,18.3c-1,1.7-2,3.8-3,5.8H453v-46.3h-8.8v74.1h8.8v-19.6l3.2-4.8l12.2,24.4h10l-16.2-30L477,225z"/>
<path d="M9.4,235.3l10.4,9.4c0.2-0.2,0.5-0.3,0.8-0.5l1.9-0.1l3.9-0.4l3.9-0.4l1.9-0.2c0.7,0.3,1.3,0.5,2,0.9l-3.4-3.4l3.5-0.4
v-3.1c0-1.4,1.2-2.7,2.6-2.8l30.3-2.6l0.1,22.7l3.3,3.3l-2.4,0.2l9.1,9.1l14.5-1.3l-2.3-2.3l3.3-0.3l-0.1-24.5c0,0,0,0,0,0
l-3.4-3.3l3.4-0.3l0-16.1c-0.2-1.6-1.2-2.9-2.6-3.4c-0.7-0.2-1.3-0.3-2-0.2l-2.3,0.5l-9.6,0.9l-19.1,1.6L38,220.1l-9.6,0.9
l-4.8-0.1c-1.4,0-2.9,0.7-4,2c0.6-1.5,2-2.8,3.8-3.2l4.8-1l9.6-0.8l19.2-1.7l19.2-1.7l9.6-0.9l2.5,0.1c0.5,0,1.1,0.1,1.6,0.3
l-8.4-8.3c-0.1-0.1-0.1-0.1-0.2-0.2c0,0-0.1-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1-0.1-0.2-0.1
c0,0,0,0-0.1,0l0,0c-0.1-0.1-0.2-0.1-0.3-0.2c0,0,0,0,0,0c-0.1,0-0.1-0.1-0.2-0.1s-0.1,0-0.2-0.1c0,0,0,0-0.1,0c0,0,0,0-0.1,0
c-0.1,0-0.2-0.1-0.3-0.1c0,0,0,0-0.1,0s0,0-0.1,0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2,0c0,0,0,0-0.1,0s0,0-0.1,0
c-0.1,0-0.2,0-0.4,0c0,0,0,0-0.1,0h0c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0l-64.2,5.5c-0.1,0-0.2,0-0.2,0s-0.1,0-0.2,0
c0,0-0.1,0-0.1,0c-0.1,0-0.3,0-0.4,0.1c-0.2,0-0.4,0.1-0.5,0.2c-0.1,0-0.1,0.1-0.2,0.1c-0.1,0-0.2,0.1-0.3,0.1c0,0,0,0-0.1,0
c-0.2,0.1-0.4,0.2-0.6,0.4c0,0,0,0,0,0c-0.1,0.1-0.1,0.1-0.2,0.2c0,0-0.1,0.1-0.1,0.1l0,0c0,0-0.1,0.1-0.1,0.1
c-0.1,0-0.1,0.1-0.2,0.1c0,0-0.1,0.1-0.1,0.1l0,0c0,0-0.1,0.1-0.1,0.1c-0.1,0.1-0.1,0.1-0.2,0.2c0,0,0,0.1-0.1,0.1
c0,0.1-0.1,0.1-0.1,0.2c0,0-0.1,0.1-0.1,0.1c0,0,0,0,0,0s0,0,0,0.1c0,0.1-0.1,0.2-0.1,0.2c0,0,0,0,0,0.1s0,0,0,0.1
c0,0,0,0.1-0.1,0.1c0,0.1-0.1,0.2-0.1,0.2c0,0,0,0,0,0.1c0,0.1,0,0.1-0.1,0.2s0,0.1,0,0.2c0,0,0,0.1,0,0.1c0,0.1-0.1,0.2-0.1,0.2
c0,0,0,0.1,0,0.1c0,0,0,0,0,0s0,0.1,0,0.1c0,0.1,0,0.2,0,0.4s0,0.3,0,0.4c0,0,0,0.1,0,0.1l0,16.1L12,235L9.4,235.3z M67.9,230.1
l10.4,9.4c0.3-0.2,0.6-0.4,0.9-0.5l1.9-0.1l3.9-0.4l3.9-0.4l1.9-0.2c0.7,0.3,1.3,0.5,2,0.9c-0.6,0.5-1.2,0.8-1.8,1.2l-1.9,0.2
l-3.9,0.4l-3.9,0.4l-1.9,0.2c-0.3-0.1-0.6-0.2-0.9-0.4l-0.2,0.2l-0.6-0.5c-0.1-0.1-0.3-0.1-0.4-0.2c0,0,0.1,0,0.1-0.1L67.2,231
L67.9,230.1z"/>
<path d="M12,263l-3.2,0.3l1.7,1.6l8.3,7.8l0-0.4l16.6-1.5v4.8c0,0.4,0.1,0.7,0.4,1s0.6,0.4,1,0.3l38-3.3c0.9-0.1,1.6-0.9,1.6-1.7
v-4l-9.1-9.1v3c0,0,0,0,0,0.1c0,0.1,0,0.1,0,0.2s0,0.1,0,0.2c0,0.1,0,0.1,0,0.1c0,0,0,0.1,0,0.1s0,0.1,0,0.1s0,0.1,0,0.1v0
c0,0,0,0.1-0.1,0.1c0,0,0,0.1-0.1,0.1s0,0.1-0.1,0.1c0,0,0,0.1-0.1,0.1c0,0-0.1,0.1-0.1,0.1c0,0-0.1,0.1-0.1,0.1
c0,0-0.1,0.1-0.1,0.1c0,0-0.1,0.1-0.1,0.1c-0.1,0.1-0.1,0.1-0.2,0.1c0,0,0,0,0,0c-0.1,0.1-0.2,0.1-0.3,0.2c0,0,0,0-0.1,0
c-0.2,0.1-0.4,0.2-0.5,0.2c-0.1,0-0.2,0.1-0.4,0.1c0,0-0.1,0-0.1,0l-30.4,2.7l-0.1-23.2c-0.6,0.5-1.2,0.9-1.8,1.2l-1.9,0.2
l-3.9,0.4l-3.9,0.4l-1.9,0.2c-0.5-0.2-0.9-0.4-1.4-0.6c-0.2-0.1-0.4-0.2-0.5-0.3c0,0-0.1,0-0.1-0.1c0,0,0,0,0,0l-10.4-9.3l0.1,23.6
L12,263z"/>
<path d="M78.5,271.8c0,2-1.6,3.7-3.5,3.9L37,279c-0.1,0-0.2,0-0.3,0c-0.9,0-1.7-0.3-2.3-0.9c-0.7-0.6-1.1-1.6-1.1-2.6v-2.4
L19,274.5v-0.2l-0.4-0.4l-9.9-9.3l0,15.3c0,0.1,0,0.2,0,0.4c0,0,0,0,0,0c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2s0,0.1,0,0.2
c0,0.1,0,0.2,0.1,0.2c0,0,0,0.1,0,0.1c0,0.1,0.1,0.2,0.1,0.2c0,0,0,0.1,0.1,0.1c0,0.1,0.1,0.2,0.1,0.2c0,0,0,0.1,0.1,0.1
c0,0.1,0.1,0.1,0.1,0.2c0,0,0.1,0.1,0.1,0.1c0,0.1,0.1,0.1,0.2,0.2c0,0,0.1,0.1,0.1,0.1c0.1,0.1,0.2,0.2,0.3,0.3L20,293.2
c0.9,0.9,2.2,1.5,3.7,1.3l64.2-5.6c2.7-0.2,4.9-2.6,4.9-5.3l0-15.5l-14.4,1.2V271.8z M19,291.3c0-0.1,0-0.1,0-0.2
C19,291.2,19,291.3,19,291.3S19,291.4,19,291.3z M19.1,291.8c0,0,0-0.1,0-0.1C19.1,291.7,19.2,291.8,19.1,291.8
C19.1,291.8,19.1,291.8,19.1,291.8z M19.3,292.1c0,0,0-0.1,0-0.1c0,0.1,0.1,0.2,0.1,0.2C19.3,292.2,19.3,292.2,19.3,292.1z
M19.8,292.9C19.8,292.9,19.8,292.9,19.8,292.9C19.8,292.9,19.8,292.9,19.8,292.9z"/>
<path d="M484,224.2c-3.1,0-5.6,2.4-5.6,5.4c0,3,2.5,5.5,5.6,5.5c3.1,0,5.5-2.4,5.5-5.5C489.5,226.6,487.1,224.2,484,224.2z
M484,234c-2.4,0-4.2-1.9-4.2-4.3c0-2.4,1.8-4.3,4.2-4.3c2.4,0,4.2,2,4.2,4.4C488.1,232,486.3,234,484,234z"/>
<path d="M485.2,229.8L485.2,229.8c0.6-0.3,1.1-0.7,1.1-1.4c0-0.5-0.2-0.9-0.6-1.2c-0.4-0.3-0.8-0.4-1.8-0.4c-0.9,0-1.6,0.1-2.1,0.2
v5.4h1.3v-2.1h0.6c0.7,0,1,0.3,1.1,0.8c0.2,0.7,0.3,1.1,0.4,1.3h1.3c-0.1-0.2-0.2-0.5-0.4-1.3C486,230.4,485.7,230,485.2,229.8z
M483.7,229.4h-0.6v-1.6c0.1,0,0.4-0.1,0.7-0.1c0.8,0,1.2,0.3,1.2,0.8C485,229.2,484.4,229.4,483.7,229.4z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB