From: Jiri Tomasek <jtomasek(a)redhat.com>
---
src/app/stylesheets/layout.scss | 604 ++++++++++++++++++++++++++++---
src/public/images/header_bg.png | Bin 0 -> 3321 bytes
src/public/images/header_corner.png | Bin 0 -> 296 bytes
src/public/images/header_icon_pools.png | Bin 0 -> 533 bytes
4 files changed, 548 insertions(+), 56 deletions(-)
create mode 100644 src/public/images/header_bg.png
create mode 100644 src/public/images/header_corner.png
create mode 100644 src/public/images/header_icon_pools.png
diff --git a/src/app/stylesheets/layout.scss b/src/app/stylesheets/layout.scss
index 05c5dc0..8452ec4 100644
--- a/src/app/stylesheets/layout.scss
+++ b/src/app/stylesheets/layout.scss
@@ -1,7 +1,6 @@
$width: 960px;
$font-family-base: "Lucida Sans Unicode", "Lucida Grande", Verdana,
Arial, Helvetica, sans-serif;
$font-family-em: "Lucida Sans", "Lucida Sans Unicode", "Lucida
Grande", Verdana, Arial, Helvetica, sans-serif;
-$font-family-nav-primary: "Helvetica Neue", Helvetica, Arial, "Lucida
Grande", sans-serif;
$font-family-primary: "Helvetica Neue", Helvetica, Arial, "Lucida
Grande", sans-serif;
/* body */
@@ -29,6 +28,14 @@ strong, em, b, i{ font-family: $font-family-em; }
font-family: $font-family-base;
}
+.label.micro{ font-size: 9px; }
+.label.small{ font-size: 11px; }
+
+.label.light{
+ font-weight: normal;
+ color: #666;
+}
+
.label.strong{
font-weight: bold;
color: #333;
@@ -39,43 +46,34 @@ strong, em, b, i{ font-family: $font-family-em; }
font-size: 0.917em;
}
-/* Query Inputs */
-div.query-input{
- display: inline-block;
- background-image: -moz-linear-gradient(top, rgba(209,209,209,1), rgba(230,230,230,
0));
- background-image: -webkit-gradient(linear, left top, left bottom,
from(rgba(209,209,209,1)), to(rgba(230,230,230, 0)));
- -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
- padding: 3px;
-}
+/* Content */
-div.query-input input[type="text"]{
- display: inline;
- -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
- border: 1px solid #ccc;
- height: 23px;
- width: 180px;
- outline: none;
- padding: 0px 26px 0px 10px;
- margin:0px;
- font-size: 12px;
-}
+$contentpadding: 7px;
-div.query-input input[type="submit"]{
- display:inline;
- background: transparent url('../../images/button-search.png') no-repeat left
center;
- color: transparent;
- border: 0px;
- width: 25px; height: 25px;
- margin-left: -25px;
- outline: none;
- cursor: pointer;
- &:hover{ background: transparent url('../../images/button-search-over.png')
no-repeat left center; }
- &:active{ background: transparent
url('../../images/button-search-down.png') no-repeat left center; }
-}
+div#content{
+ width: $width - (2 * $contentpadding);
+ margin: 0 auto;
+ margin-bottom: 98px;
+ min-height: 200px;
+ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
+ background-color: #FAFAFA;
+ padding: $contentpadding;
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.50);
+ -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.50);
+ -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.50);
+ border: 1px solid #999;
+ position: relative;
+ z-index: 100;
-/* Content */
+ div.header{
+ background-color: #ccc;
+ height: 60px;
+ }
+
+}
+/* Masthead */
header#masthead{
height: 49px;
background-color: #E7E7E7;
@@ -90,7 +88,7 @@ header#masthead{
div.container{
margin: 0 auto;
- width: $width;
+ width: 960px;
overflow: hidden;
position: relative;
}
@@ -131,10 +129,12 @@ header#masthead{
}
/* Primary Nav */
+$font-family-nav-primary: "Helvetica Neue", Helvetica, Arial, "Lucida
Grande", sans-serif;
+
nav#primary {
ul.container{
- width: $width - 10;
+ width: 950px;
margin: 0 auto;
list-style: none;
padding-left: 24px;
@@ -149,7 +149,7 @@ nav#primary {
z-index: 1;
a{
display: block;
- background:url('../../images/tab-inactive-left.png') no-repeat left top;
+ background:url('../../images/tab-inactive-left.png') no-repeat left top;
padding: 10px 16px 14px 16px;
margin-left: -11px;
font-family: $font-family-nav-primary;
@@ -167,8 +167,8 @@ nav#primary {
background: url('../../images/tab-active-right.png') no-repeat right top;
z-index: 1000;
height: 43px;
- a{
- background:url('../../images/tab-active-left.png') no-repeat left top;
+ a{
+ background:url('../../images/tab-active-left.png') no-repeat left top;
padding: 12px 20px 12px 20px;
font-size: 16px;
color: #666;
@@ -180,32 +180,95 @@ nav#primary {
}
}
-/* Content */
+/* Nav History */
+nav#nav_history{
-$contentpadding: 7px;
+ display: block;
+ margin: 6px 0px 12px 0px;
-div#content{
- width: $width - (2 * $contentpadding);
- margin: 0 auto;
- margin-bottom: 98px;
- height: 200px;
- -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
- background-color: #FAFAFA;
- padding: $contentpadding;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.50);
- -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.50);
- -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.50);
- border: 1px solid #999;
+ ol.nav_hist_bar{
+
+ list-style: none;
+ display: inline;
+
+ li{
+ font-size: 11px;
+ display: inline;
+ }
+
+ li + li:before{
+ content: "|";
+ }
+
+ a{
+ color: #666;
+ &:hover{
+ color: #333;
+ }
+ }
- div.header{
- background-color: #ccc;
- height: 60px;
}
}
-/* Footer */
+/* Header */
+$font-family-primary: "Helvetica Neue", Helvetica, Arial, "Lucida
Grande", sans-serif;
+
+div#content .page-header{
+
+ display: block;
+ background: #ccc;
+ height: 56px;
+ width: 952px;
+ padding: 6px;
+ position: relative;
+ z-index: 900;
+ background: transparent url('../../images/header_bg.png') repeat-x top center;
+
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
+ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
+
+ h1{
+ font-family: $font-family-primary;
+ font-weight: 200;
+ font-size: 25px;
+ margin-top: 6px;
+ color: #333;
+ text-shadow: 1px 1px 0 #fff;
+ display: inline-block;
+ }
+
+ h1.pools{
+ background: transparent url('../../images/header_icon_pools.png') no-repeat
8px center;
+ padding: 6px 7px 7px 54px;
+ }
+
+ #obj_actions{
+ position: absolute;
+ right: 0px;
+ top: 22px;
+ display: inline-block;
+ margin-right: 24px;
+ }
+
+ .corner{
+ background: transparent url('../../images/header_corner.png') no-repeat top
center;
+ width: 10px;
+ height: 10px;
+ position: absolute;
+ right: 0px;
+ bottom: -10px;
+ z-index: 1;
+ }
+
+ .button{
+ border-color: #fff;
+ }
+}
+
+/* Footer */
footer.standard{
background: rgba(0, 0, 0, 0.12);
@@ -243,3 +306,432 @@ footer.standard{
}
}
+
+/* Query Inputs */
+div.query-input{
+ display: inline-block;
+ background-image: -moz-linear-gradient(top, rgba(209,209,209,1), rgba(230,230,230,
0));
+ background-image: -webkit-gradient(linear, left top, left bottom,
from(rgba(209,209,209,1)), to(rgba(230,230,230, 0)));
+ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
+ padding: 3px;
+}
+
+div.query-input input[type="text"]{
+ display: inline;
+ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
+ border: 1px solid #ccc;
+ height: 23px;
+ width: 180px;
+ outline: none;
+ padding: 0px 26px 0px 10px;
+ margin:0px;
+ font-size: 12px;
+}
+
+div.query-input input[type="submit"]{
+ display:inline;
+ background: transparent url('../../images/button-search.png') no-repeat left
center;
+ color: transparent;
+ border: 0px;
+ width: 25px; height: 25px;
+ margin-left: -25px;
+ outline: none;
+ cursor: pointer;
+ &:hover{ background: transparent url('../../images/button-search-over.png')
no-repeat left center; }
+ &:active{ background: transparent
url('../../images/button-search-down.png') no-repeat left center; }
+}
+
+/* ------------------------------------------
+CSS3 GITHUB BUTTONS (Nicolas Gallagher)
+Licensed under Unlicense
+http://github.com/necolas/css3-github-buttons
+------------------------------------------ */
+
+
+/*
-------------------------------------------------------------------------------------------------------------
BUTTON */
+
+.button {
+ position: relative;
+ overflow: visible;
+ display: inline-block;
+ padding: 0.5em 1em;
+ border: 1px solid #d4d4d4;
+ margin: 0;
+ text-decoration: none;
+ text-shadow: 1px 1px 0 #fff;
+ font:11px/normal sans-serif;
+ color: #333;
+ white-space: nowrap;
+ cursor: pointer;
+ outline: none;
+ background-color: #ececec;
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
+ background-image: -moz-linear-gradient(#f4f4f4, #ececec);
+ background-image: -o-linear-gradient(#f4f4f4, #ececec);
+ background-image: linear-gradient(#f4f4f4, #ececec);
+ -webkit-background-clip: padding;
+ -moz-background-clip: padding;
+ -o-background-clip: padding-box;
+ /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
+ -webkit-border-radius: 0.2em;
+ -moz-border-radius: 0.2em;
+ border-radius: 0.2em;
+ /* IE hacks */
+ zoom: 1;
+ *display: inline;
+}
+
+.button:hover,
+.button:focus,
+.button:active,
+.button.active {
+ border-color: #3072b3;
+ border-bottom-color: #2a65a0;
+ text-decoration: none;
+ text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
+ color: #fff;
+ background-color: #3C8DDE;
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
+ background-image: -moz-linear-gradient(#599bdc, #3072b3);
+ background-image: -o-linear-gradient(#599bdc, #3072b3);
+ background-image: linear-gradient(#599bdc, #3072b3);
+}
+
+.button:active,
+.button.active {
+ border-color: #2a65a0;
+ border-bottom-color: #3884CF;
+ background-color: #3072b3;
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
+ background-image: -moz-linear-gradient(#3072b3, #599bdc);
+ background-image: -o-linear-gradient(#3072b3, #599bdc);
+ background-image: linear-gradient(#3072b3, #599bdc);
+}
+
+/* overrides extra padding on button elements in Firefox */
+.button::-moz-focus-inner {
+ padding: 0;
+ border: 0;
+}
+
+/*
.............................................................................................................
Icons */
+
+.button.icon:before {
+ content: "";
+ position: relative;
+ top: 1px;
+ float:left;
+ width: 12px;
+ height: 12px;
+ margin: 0 0.75em 0 -0.25em;
+ background: url(../../images/button-icons.png) 0 99px no-repeat;
+}
+
+.button.arrowup.icon:before { background-position: 0 0; }
+.button.arrowup.icon:hover:before,
+.button.arrowup.icon:focus:before,
+.button.arrowup.icon:active:before { background-position: -12px 0; }
+
+.button.arrowdown.icon:before { background-position: 0 -12px; }
+.button.arrowdown.icon:hover:before,
+.button.arrowdown.icon:focus:before,
+.button.arrowdown.icon:active:before { background-position: -12px -12px; }
+
+.button.arrowleft.icon:before { background-position: 0 -24px; }
+.button.arrowleft.icon:hover:before,
+.button.arrowleft.icon:focus:before,
+.button.arrowleft.icon:active:before { background-position: -12px -24px; }
+
+.button.arrowright.icon:before { float:right; margin: 0 -0.25em 0 0.5em;
background-position: 0 -36px; }
+.button.arrowright.icon:hover:before,
+.button.arrowright.icon:focus:before,
+.button.arrowright.icon:active:before { background-position: -12px -36px; }
+
+.button.approve.icon:before { background-position: 0 -48px; }
+.button.approve.icon:hover:before,
+.button.approve.icon:focus:before,
+.button.approve.icon:active:before { background-position: -12px -48px; }
+
+.button.add.icon:before { background-position: 0 -288px; }
+.button.add.icon:hover:before,
+.button.add.icon:focus:before,
+.button.add.icon:active:before { background-position: -12px -288px; }
+
+.button.remove.icon:before { background-position: 0 -60px; }
+.button.remove.icon:hover:before,
+.button.remove.icon:focus:before,
+.button.remove.icon:active:before { background-position: -12px -60px; }
+
+.button.log.icon:before { background-position: 0 -72px; }
+.button.log.icon:hover:before,
+.button.log.icon:focus:before,
+.button.log.icon:active:before { background-position: -12px -72px; }
+
+.button.calendar.icon:before { background-position: 0 -84px; }
+.button.calendar.icon:hover:before,
+.button.calendar.icon:focus:before,
+.button.calendar.icon:active:before { background-position: -12px -84px; }
+
+.button.chat.icon:before { background-position: 0 -96px; }
+.button.chat.icon:hover:before,
+.button.chat.icon:focus:before,
+.button.chat.icon:active:before { background-position: -12px -96px; }
+
+.button.clock.icon:before { background-position: 0 -108px; }
+.button.clock.icon:hover:before,
+.button.clock.icon:focus:before,
+.button.clock.icon:active:before { background-position: -12px -108px; }
+
+.button.settings.icon:before { background-position: 0 -120px; }
+.button.settings.icon:hover:before,
+.button.settings.icon:focus:before,
+.button.settings.icon:active:before { background-position: -12px -120px; }
+
+.button.comment.icon:before { background-position: 0 -132px; }
+.button.comment.icon:hover:before,
+.button.comment.icon:focus:before,
+.button.comment.icon:active:before { background-position: -12px -132px; }
+
+.button.fork.icon:before { background-position: 0 -144px; }
+.button.fork.icon:hover:before,
+.button.fork.icon:focus:before,
+.button.fork.icon:active:before { background-position: -12px -144px; }
+
+.button.like.icon:before { background-position: 0 -156px; }
+.button.like.icon:hover:before,
+.button.like.icon:focus:before,
+.button.like.icon:active:before { background-position: -12px -156px; }
+
+.button.favorite.icon:before { background-position: 0 -348px; }
+.button.favorite.icon:hover:before,
+.button.favorite.icon:focus:before,
+.button.favorite.icon:active:before { background-position: -12px -348px; }
+
+.button.home.icon:before { background-position: 0 -168px; }
+.button.home.icon:hover:before,
+.button.home.icon:focus:before,
+.button.home.icon:active:before { background-position: -12px -168px; }
+
+.button.key.icon:before { background-position: 0 -180px; }
+.button.key.icon:hover:before,
+.button.key.icon:focus:before,
+.button.key.icon:active:before { background-position: -12px -180px; }
+
+.button.lock.icon:before { background-position: 0 -192px; }
+.button.lock.icon:hover:before,
+.button.lock.icon:focus:before,
+.button.lock.icon:active:before { background-position: -12px -192px; }
+
+.button.unlock.icon:before { background-position: 0 -204px; }
+.button.unlock.icon:hover:before,
+.button.unlock.icon:focus:before,
+.button.unlock.icon:active:before { background-position: -12px -204px; }
+
+.button.loop.icon:before { background-position: 0 -216px; }
+.button.loop.icon:hover:before,
+.button.loop.icon:focus:before,
+.button.loop.icon:active:before { background-position: -12px -216px; }
+
+.button.search.icon:before { background-position: 0 -228px; }
+.button.search.icon:hover:before,
+.button.search.icon:focus:before,
+.button.search.icon:active:before { background-position: -12px -228px; }
+
+.button.mail.icon:before { background-position: 0 -240px; }
+.button.mail.icon:hover:before,
+.button.mail.icon:focus:before,
+.button.mail.icon:active:before { background-position: -12px -240px; }
+
+.button.move.icon:before { background-position: 0 -252px; }
+.button.move.icon:hover:before,
+.button.move.icon:focus:before,
+.button.move.icon:active:before { background-position: -12px -252px; }
+
+.button.edit.icon:before { background-position: 0 -264px; }
+.button.edit.icon:hover:before,
+.button.edit.icon:focus:before,
+.button.edit.icon:active:before { background-position: -12px -264px; }
+
+.button.pin.icon:before { background-position: 0 -276px; }
+.button.pin.icon:hover:before,
+.button.pin.icon:focus:before,
+.button.pin.icon:active:before { background-position: -12px -276px; }
+
+.button.reload.icon:before { background-position: 0 -300px; }
+.button.reload.icon:hover:before,
+.button.reload.icon:focus:before,
+.button.reload.icon:active:before { background-position: -12px -300px; }
+
+.button.rss.icon:before { background-position: 0 -312px; }
+.button.rss.icon:hover:before,
+.button.rss.icon:focus:before,
+.button.rss.icon:active:before { background-position: -12px -312px; }
+
+.button.tag.icon:before { background-position: 0 -324px; }
+.button.tag.icon:hover:before,
+.button.tag.icon:focus:before,
+.button.tag.icon:active:before { background-position: -12px -324px; }
+
+.button.trash.icon:before { background-position: 0 -336px; }
+.button.trash.icon:hover:before,
+.button.trash.icon:focus:before,
+.button.trash.icon:active:before { background-position: -12px -336px; }
+
+.button.user.icon:before { background-position: 0 -360px; }
+.button.user.icon:hover:before,
+.button.user.icon:focus:before,
+.button.user.icon:active:before { background-position: -12px -360px; }
+
+
+/*
-------------------------------------------------------------------------------------------------------------
BUTTON EXTENSIONS */
+
+/*
.............................................................................................................
Primary */
+
+.button.primary {
+ font-weight: bold;
+}
+
+/*
.............................................................................................................
Danger */
+
+.button.danger {
+ color: #900;
+}
+
+.button.danger:hover,
+.button.danger:focus,
+.button.danger:active {
+ border-color: #b53f3a;
+ border-bottom-color: #a0302a;
+ color: #fff;
+ background-color: #dc5f59;
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5f59), to(#b33630));
+ background-image: -moz-linear-gradient(#dc5f59, #b33630);
+ background-image: -o-linear-gradient(#dc5f59, #b33630);
+ background-image: linear-gradient(#dc5f59, #b33630);
+}
+
+.button.danger:active,
+.button.danger.active {
+ border-color: #a0302a;
+ border-bottom-color: #bf4843;
+ background-color: #b33630;
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b33630), to(#dc5f59));
+ background-image: -moz-linear-gradient(#b33630, #dc5f59);
+ background-image: -o-linear-gradient(#b33630, #dc5f59);
+ background-image: linear-gradient(#b33630, #dc5f59);
+}
+
+/*
.............................................................................................................
Pill */
+
+.button.pill {
+ -webkit-border-radius: 50em;
+ -moz-border-radius: 50em;
+ border-radius: 50em;
+}
+
+/*
.............................................................................................................
Disable */
+
+.button.disable {
+ opacity: 0.5;
+}
+
+/*
.............................................................................................................
Big */
+
+.button.big {
+ font-size: 14px;
+}
+
+.button.big.icon:before { top: 0; }
+
+
+/*
-------------------------------------------------------------------------------------------------------------
BUTTON GROUPS */
+
+/*
.............................................................................................................
Standard */
+
+.button-group {
+ display: inline-block;
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ /* IE hacks */
+ zoom: 1;
+ *display: inline;
+}
+
+.button + .button,
+.button + .button-group,
+.button-group + .button,
+.button-group + .button-group {
+ margin-left: 15px;
+}
+
+.button-group li {
+ float: left;
+ padding: 0;
+ margin: 0;
+}
+
+.button-group .button {
+ float: left;
+ margin-left: -1px;
+}
+
+.button-group > .button:not(:first-child):not(:last-child),
+.button-group li:not(:first-child):not(:last-child) .button {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+
+.button-group > .button:first-child,
+.button-group li:first-child .button {
+ margin-left: 0;
+ -webkit-border-top-right-radius: 0;
+ -webkit-border-bottom-right-radius: 0;
+ -moz-border-radius-topright: 0;
+ -moz-border-radius-bottomright: 0;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.button-group > .button:last-child,
+.button-group li:last-child > .button {
+ -webkit-border-top-left-radius: 0;
+ -webkit-border-bottom-left-radius: 0;
+ -moz-border-radius-topleft: 0;
+ -moz-border-radius-bottomleft: 0;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+/*
.............................................................................................................
Minor */
+
+.button-group.minor-group .button {
+ border: 1px solid #d4d4d4;
+ text-shadow: none;
+ background-image: none;
+ background-color: #fff;
+}
+
+.button-group.minor-group .button:hover,
+.button-group.minor-group .button:focus,
+.button-group.minor-group .button:active {
+ background-color: #599bdc;
+}
+
+.button-group.minor-group .button:active,
+.button-group.minor-group .button.active {
+ background-color: #3072b3;
+}
+
+.button-group.minor-group .button.icon:before {
+ opacity: 0.8;
+}
+
+/*
-------------------------------------------------------------------------------------------------------------
BUTTON CONTAINER */
+/* For mixing buttons and button groups, e.g., in a navigation bar */
+
+.button-container .button,
+.button-container .button-group {
+ vertical-align: top;
+}
diff --git a/src/public/images/header_bg.png b/src/public/images/header_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c5277780906229043916d098784256435370be7
GIT binary patch
literal 3321
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
DMGl`=
literal 0
HcmV?d00001
diff --git a/src/public/images/header_corner.png b/src/public/images/header_corner.png
new file mode 100644
index 0000000000000000000000000000000000000000..63f0014bdedd07acc9e2dc7ed7fab60da4514b5f
GIT binary patch
literal 296
zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4u@pObhHwBu4M$1`kk47*5n0T@
zz%2yAjF;}#{Q(Nfl(<He1m~xflqVLYGB~E>C#5R5WfrBD=NDxcD>w(67H)lP22>{s
zQs-Qhnpl#VpQjL#nVZUBs&8nnZ)n*1N7fjqpwZLCF+^f&?Kwlf!wNjD5AO@j(I`)R
zX0)bf%}VoYJ!@jPmy~!aJ7wxBb}v6a?WkpWRJP$UgKwI_m#f`f7z8FB-)+RJ_(NKc
zq2ZW>?SbUSA+v%$&F_D?SO4O^_jNpZ7WbwUfBXD|=c`4ZzKOH$QXRpD%(aXeYrm>9
hCEVV2J-*<o^nohlg^4yD=|IOYc)I$ztaD0e0suPOX1f3Y
literal 0
HcmV?d00001
diff --git a/src/public/images/header_icon_pools.png
b/src/public/images/header_icon_pools.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f3fc06215f23f93f26dd7b79e74e6344e2d3866
GIT binary patch
literal 533
zcmV+w0_y#VP)<h;3K|Lk000e1NJLTq001HY001Tk1^@s6q1H*%00004b3#c}2nYxW
zd<bNS00009a7bBm000XT000XT0n*)m`~Uy|9CSrkbW?9;ba!ELWdK2BZ(?O2Mrm?o
zcW-iQb09-gHF34$HUIzs6?8>dbVG7wVRUJ4ZXi@?ZDjy8FEKYSF)@Yw9Wwv`0d7e|
zK~z|U?U+GI!%z^0KQ)V>AiAvx9;IbY&>MIKPhgLd3%GalAl{(vyXexLL98fL;=&|-
ziSNY*GcQ^AL!dL1&PV2de?tz8F*!e#iO9L5|7RIvo`JJwKLXO?^VI5ZG$5?swn0*W
zNJM4;jXSea1X%$WWg#N7JkN<dUyhA23r9Z@k+lMx9|X8{^iv=x$SZZvlzP;FXam`b
z$b;6<E+DZn#<iM06n6nR0<Nq&D=szpKu&;bt4`VFO;C^xkXW_q-Dm^(MCq9NbQp42
zoAxzpsVCq)BuLY&r4j-s>j&;rqGsBzAZi+oSw{onTg@r3u<De7l66b{bPSfPZ@``Q
za9gAC$Y?-(t2xG<toMA!d@zs*_kWG^=}Hsih5GST*JwO48jyX>x-72XAWgHbH6hwS
z{>?hLe5;w@4zxZr`3)pv_a^5Ocf|Lt>hZ!}%}s#8O;s~15D`g$Im&raXbH@VnE-qN
XFD^|6hK0!G00000NkvXXu0mjfI|15o
literal 0
HcmV?d00001
--
1.7.4.2