Replace logo with dolphin logo and adjust some colours.

This commit is contained in:
Scott Mansell 2015-09-16 05:47:16 +12:00
parent d046a216fd
commit fd35406b19
4 changed files with 30 additions and 32 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

8
images/logo.svg Normal file
View File

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 1132">
<path fill="#0057AB" d="M2046.8 1079.6C2040 1056.8 1997.5 919 1926 787c-94.3-174-175.4-298.2-310.4-424.5C1572 322 1531 285.5 1488 253h.2l-1.2-.8-2-1.5c-15.6-12-83.6-69-59.6-132C1433.7 97 1454 79.2 1478 65l122 1V19h-.3.3s-72.7-24.7-199.8-16.6C1281 10.4 1173.6 80 1153.6 90c-64.3-18.5-137.6-34.7-223.3-49.3C633.7-9.6 382.6 70.7 256.7 158 91.7 272.6 96 379.4 82.5 432.8 74 465.8-1 527 0 570v45.2l15.5 16L74 611l7-24.3c24-8.7 50.2-20.6 74-30.4 59.7-24.6 64.3-38 227.2-62.2 75-11 154-14.2 212.6-15 23 48.6 79.7 147.8 178 195.4 64.2 31 136 46.8 193 55l-7.5 37.6 113.7 17v-46h-.2s-95.3-39.7-154-98.4c-40-40-49.5-100.6-51.6-135.3h.4c96.2 18.3 180.2 31.5 381.2 108.5 37 14.2 71.8 29.8 103.4 45.5l-6 3.4 90.6 73L1544 824v-45.7l-.4-.3c-1-1.5-124.4-154.5-331.8-256.7-171-84.4-311.6-126-506.2-135.6-212.8-10.3-369.6 17-369.6 17s4.4-94.5 165-170c139.7-65.4 359.4-76.3 611.6-12 356.3 91 477.8 245.6 631 405.6 97.2 101.4 186.6 244.2 243 343l-9.5-4.3 29.5 75.4 41.7 88.2v-45.4l-1-3.6z"/>
<linearGradient id="a" gradientUnits="userSpaceOnUse" x1="1023.9" y1="1129" x2="1023.9" y2="47">
<stop offset="0" stop-color="#1792FF"/>
<stop offset="1" stop-color="#46D4FF"/>
</linearGradient>
<path fill="url(#a)" d="M1926 833c-94.3-174-175.4-298.2-310.4-424.5C1572 368 1531 331.5 1488 299h.2l-1.2-1c-.7-.3-1.3-.8-2-1.3-15.6-12-83.6-69-59.6-132C1451.8 96 1600 65.3 1600 65.3s-72.7-24.7-199.8-16.6C1281 56.3 1173.6 126 1153.6 136c-64.3-18.5-137.6-34.7-223.3-49.3-296.6-50.3-547.7 30-673.6 117.3C91.7 318.6 96 425.4 82.5 478.8 72.7 517.2-27 593.6 7 635.2c21 26 91.4-9.3 148-32.6 59.7-24.6 64.3-38 227.2-62.2 75-11.2 154-14.4 212.6-15 23 48.4 79.7 147.6 178 195.2 133 64.2 299 63.4 299 63.4s-95.3-39.7-154-98.4c-40-40-49.5-100.6-51.6-135.3h.4c96.2 18.3 180.2 31.5 381.2 108.5 175.8 67.3 296 165.2 296 165.2s-123.6-154-332-256.7c-171-84.4-311.6-126-506.2-135.6-212.8-10.3-369.6 17-369.6 17s4.4-94.5 165-170c139.7-65.4 359.4-76.3 611.6-12 356.3 91 477.8 245.6 631 405.6 163 170.2 304.2 456.7 304.2 456.7s-43.5-151.4-121.8-296z"/>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -6,7 +6,7 @@
$gray-dark: #202020;
$gray-text: #484848;
$hotpink: #d92e47;
$hotpink: #1792FF;
@import "compass";
@import "partials/formalize";
@ -70,18 +70,13 @@ code {
min-height: 4em;
background: $gray-dark;
padding: 14px 17px 0 17px;
> h1,
> h1:before {
display: inline-block;
}
> h1 {
display: inline-block;
background: url('../images/logo.svg') no-repeat 5px 5px;
background-size: 72px 40px;
padding-left: 89px;
margin: 0 20px 2px 9px;
}
> h1:before {
content: url('../images/logo.png');
vertical-align: middle;
margin: 0 29px 0 0;
}
}
// Search box
@ -92,9 +87,9 @@ code {
margin-left: 8px;
}
input {
background: lighten($gray-dark, 5%);
background: #fff;
border: none;
color: #FFF;
color: #000;
padding: 0px 6px;
height: 2.4em;
margin-left: 4px;

View File

@ -88,7 +88,7 @@ input[type="button"] {
-o-background-clip: padding-box;
-webkit-background-clip: padding;
background-clip: padding-box;
background: #d92e47;
background: #1792FF;
border: none;
cursor: pointer;
color: #fff;
@ -120,7 +120,7 @@ input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:active {
background: #fff;
color: #d92e47;
color: #1792FF;
}
button::-moz-focus-inner,
a.button::-moz-focus-inner,
@ -348,7 +348,7 @@ optgroup::-moz-focus-inner {
.ie6_button,
* html button,
* html a.button {
background: #dddddd url('/images/button.png?1424680612') repeat-x;
background: #dddddd url('/images/button.png?1442336635') repeat-x;
border: 1px solid;
border-color: #dddddd #bbbbbb #999999;
cursor: pointer;
@ -522,7 +522,7 @@ h1, h2, h3, h4 {
}
a, a:link, a:visited {
color: #d92e47;
color: #1792FF;
-moz-transition: color 0.5s;
-o-transition: color 0.5s;
-webkit-transition: color 0.5s;
@ -530,7 +530,7 @@ a, a:link, a:visited {
}
a:hover, a:link:hover, a:visited:hover {
text-decoration: none;
color: #ed9aa6;
color: #97ceff;
}
th a, th a:link, th a:visited {
color: #484848;
@ -551,7 +551,7 @@ code {
background: #2d2d2d;
height: auto;
*zoom: 1;
border-bottom: 1px solid #393939;
border-bottom: 1px solid #3a3a3a;
}
#top-menu:after {
content: "";
@ -575,18 +575,13 @@ code {
background: #202020;
padding: 14px 17px 0 17px;
}
#header > h1,
#header > h1:before {
display: inline-block;
}
#header > h1 {
display: inline-block;
background: url("../images/logo.svg") no-repeat 5px 5px;
background-size: 72px 40px;
padding-left: 89px;
margin: 0 20px 2px 9px;
}
#header > h1:before {
content: url("../images/logo.png");
vertical-align: middle;
margin: 0 29px 0 0;
}
#quick-search select {
padding: 5px 15px 5px 5px;
@ -594,9 +589,9 @@ code {
margin-left: 8px;
}
#quick-search input {
background: #2d2d2d;
background: #fff;
border: none;
color: #FFF;
color: #000;
padding: 0px 6px;
height: 2.4em;
margin-left: 4px;
@ -627,7 +622,7 @@ code {
transition: border-color 0.5s;
}
#main-menu li a.selected, #main-menu li a:hover {
border-top: 3px solid #d92e47;
border-top: 3px solid #1792FF;
background: transparent;
}
#main-menu li a.selected {
@ -715,14 +710,14 @@ div.issue {
}
#update fieldset.tabular legend {
cursor: pointer;
color: #d92e47;
color: #1792FF;
-moz-transition: color 0.5s;
-o-transition: color 0.5s;
-webkit-transition: color 0.5s;
transition: color 0.5s;
}
#update fieldset.tabular legend:hover {
color: #ed9aa6;
color: #97ceff;
}
#update fieldset.tabular legend small,
#update fieldset.tabular div,