AC-939 Update browsable REST API branding to Tower.

This commit is contained in:
Chris Church
2014-01-23 05:22:55 -05:00
parent 8aa9fe9d7e
commit b6543be0cf
8 changed files with 77 additions and 28 deletions

View File

@@ -30,23 +30,23 @@ html body .navbar-inverse .nav > li > a {
}
html body .navbar-inverse .nav > li > a:hover,
html body .navbar-inverse .nav > li > a:focus {
color: #2078be;
color: #4e9998;
}
html body .navbar .brand img {
width: 200px;
margin-top: -6px;
margin-right: 0.5em;
margin-top: -2px;
margin-right: 0.75em;
}
html body .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
html body .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
html body .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #074979;
background-color: #1a3333;
}
html body .navbar-inverse .brand {
font-size: 1.2em;
color: #fff;
padding-top: 6px;
padding-left: 4px;
padding-top: 18px;
padding-left: 20px;
}
html body .navbar-inverse .nav.pull-right {
margin-top: 8px;
@@ -68,11 +68,11 @@ html body .hero-unit h2,
html body .hero-unit h1,
html body a,
html body a {
color: #2078be;
color: #4e9998;
}
html body .navbar .navbar-inner .dropdown-menu li a:hover,
html body a:hover {
color: #2078be;
color: #4e9998;
}
html body ul.breadcrumb,
html body .prettyprint,
@@ -85,7 +85,12 @@ html body .prettyprint {
html body .str,
html body .atv,
html body code {
color: #074979;
color: #1a3333;
}
html body .kwd,
html body .ta,
html body .lit {
color: #346665;
}
html body .str a {
text-decoration: underline;
@@ -107,8 +112,7 @@ html body .description {
#footer a:hover {
color: #333;
}
img.awxlogo {
width: 125px;
img.towerlogo {
margin-bottom: 0.5em;
}
html body .wrapper {
@@ -122,11 +126,55 @@ html body #footer {
html body #push {
height: 0;
}
html body .btn-success {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b; /* 66c8c7 l=6fd9d7 d=55a6a4 */
background-image: -moz-linear-gradient(top, #6fd9d7, #55a6a4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6fd9d7), to(#55a6a4));
background-image: -webkit-linear-gradient(top, #6fd9d7, #55a6a4);
background-image: -o-linear-gradient(top, #6fd9d7, #55a6a4);
background-image: linear-gradient(to bottom, #6fd9d7, #55a6a4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6fd9d7', endColorstr='#ff55a6a4', GradientType=0);
border-color: #55a6a4 #55a6a4 #41807e;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
html body .btn-success:hover,
html body .btn-success:active,
html body .btn-success.active,
html body .btn-success.disabled,
html body .btn-success[disabled] {
color: #ffffff;
background-color: #55a6a4;
}
html body .btn-group.open .btn-success.dropdown-toggle {
background-color: #55a6a4;
}
html body .btn-success:active,
html body .btn-success.active {
background-color:#41807e \9;
}
html body .dropdown-menu li>a:hover,
html body .dropdown-menu li>a:focus,
html body .dropdown-submenu:hover>a {
text-decoration: none;
color: #ffffff;
background-color: #55a6a4;
background-image: -moz-linear-gradient(top, #55a6a4, #41807e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#55a6a4), to(#41807e));
background-image: -webkit-linear-gradient(top, #55a6a4, #41807e);
background-image: -o-linear-gradient(top, #55a6a4, #41807e);
background-image: linear-gradient(to bottom, #55a6a4, #41807e);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff55a6a4', endColorstr='#ff41807e', GradientType=0);
}
</style>
{% endblock %}
{% block branding %}
<a class="brand" href="/api/"><img class="logo" src="{{ STATIC_URL }}img/logo.png">{% block branding_title %}{% trans 'REST API' %}{% endblock %}</a>
<a class="brand" href="/api/"><img class="logo" src="{{ STATIC_URL }}img/tower_console_logo.png">{% block branding_title %}{% trans 'REST API' %}{% endblock %}</a>
{% endblock %}
{% block userlinks %}
@@ -139,7 +187,7 @@ html body #push {
{% block footer %}
<div id="footer">
<img class="awxlogo" src="{{ STATIC_URL }}img/AWX_logo.png" /><br/>
<img class="towerlogo" src="{{ STATIC_URL }}img/tower_console_bug.png" /><br/>
Copyright &copy; 2014 <a href="http://www.ansibleworks.com" target="_blank">AnsibleWorks, Inc.</a> All rights reserved.
</div>
{% endblock %}