COMPMID-1997: Add ACL logo to the documentation and README.md

Change-Id: Iee5be5c6725920ec174fde381ff4efc7be6c2de7
Signed-off-by: Isabella Gottardi <isabella.gottardi@arm.com>
Reviewed-on: https://review.mlplatform.org/748
Reviewed-by: Georgios Pinitas <georgios.pinitas@arm.com>
Tested-by: Arm Jenkins <bsgcomp@arm.com>
diff --git a/README.md b/README.md
index c1f6c1d..47ea5b7 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,7 @@
+<div align="center">
+ <img src="https://raw.githubusercontent.com/ARM-software/ComputeLibrary/gh-pages/ACL_logo.png"><br><br>
+</div>
+
 Release repository: https://github.com/arm-software/ComputeLibrary
 
 Development repository: https://review.mlplatform.org/#/admin/projects/ml/ComputeLibrary
diff --git a/docs/00_introduction.dox b/docs/00_introduction.dox
index f6eae14..8f74a75 100644
--- a/docs/00_introduction.dox
+++ b/docs/00_introduction.dox
@@ -1043,10 +1043,8 @@
 - Download the NDK r17b from here: https://developer.android.com/ndk/downloads/index.html
 - Make sure you have Python 2 installed on your machine.
 - Generate the 32 and/or 64 toolchains by running the following commands:
-<!-- Leave 2 blank lines here or the formatting of the commands below gets messed up --!>
 
 
-<!-- End of the 2 blank lines --!>
 	$NDK/build/tools/make_standalone_toolchain.py --arch arm64 --install-dir $MY_TOOLCHAINS/aarch64-linux-android-ndk-r17b --stl libc++ --api 21
 	$NDK/build/tools/make_standalone_toolchain.py --arch arm --install-dir $MY_TOOLCHAINS/arm-linux-android-ndk-r17b --stl libc++ --api 21
 
diff --git a/docs/Doxyfile b/docs/Doxyfile
index 17208d1..94a167b 100644
--- a/docs/Doxyfile
+++ b/docs/Doxyfile
@@ -1180,7 +1180,7 @@
 # list). For an example see the documentation.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-HTML_EXTRA_STYLESHEET  = 
+HTML_EXTRA_STYLESHEET  = ./docs/stylesheet.css
 
 # The HTML_EXTRA_FILES tag can be used to specify one or more extra images or
 # other source files which should be copied to the HTML output directory. Note
diff --git a/docs/header.html b/docs/header.html
index f28df2c..5dc7a09 100644
--- a/docs/header.html
+++ b/docs/header.html
@@ -26,12 +26,10 @@
 <table cellspacing="0" cellpadding="0">
  <tbody>
  <tr style="height: 56px;">
-  <!--BEGIN PROJECT_LOGO-->
-  <td id="projectlogo"><img alt="Logo" src="$relpath^$projectlogo"/></td>
-  <!--END PROJECT_LOGO-->
+  <img alt="Compute Library" src="https://raw.githubusercontent.com/ARM-software/ComputeLibrary/gh-pages/ACL_logo.png" style="max-width: 100%;margin-top: 15px;margin-left: 10px"/>
   <!--BEGIN PROJECT_NAME-->
   <td style="padding-left: 0.5em;">
-   <div id="projectname">$projectname
+   <div id="projectname">
    <!--BEGIN PROJECT_NUMBER-->&#160;<span id="projectnumber">$projectnumber</span><!--END PROJECT_NUMBER-->
    </div>
    <!--BEGIN PROJECT_BRIEF--><div id="projectbrief">$projectbrief</div><!--END PROJECT_BRIEF-->
diff --git a/docs/stylesheet.css b/docs/stylesheet.css
new file mode 100644
index 0000000..a692f51
--- /dev/null
+++ b/docs/stylesheet.css
@@ -0,0 +1,221 @@
+/* Changes to tabs.css */
+
+.tabs, .tabs2, .tabs3 {
+    /* box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.3); */
+    position: relative;
+}
+
+.tablist li {
+    line-height: 32px;
+}
+
+.tablist a {
+    color: #FFFFFF;
+    text-shadow: none;
+}
+
+.tablist a:hover {
+    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
+    text-decoration: none;
+    background-repeat: no-repeat;
+    background-image: url('tab_s.png');;
+}
+
+.tablist li.current a {
+    text-shadow: none;
+}
+
+/* Changes to navtree.css */
+
+#nav-tree .selected {
+    background-image: url('tab_a_nav.png');
+    border-radius: 15px;
+    text-shadow: none;
+}
+
+#nav-tree .label a {
+    color: #444444;
+}
+
+#nav-tree .selected a {
+    color: #007fa3;
+    font-weight: bold
+}
+
+#nav-tree {
+    background-color: #fafafa;
+}
+
+#doc-content {
+    background-color: #fafafa;
+}
+
+.ui-resizable-e {
+    background: none;
+    background-color : lightgray;
+    width:4px;
+}
+
+#nav-tree {
+    background-image: none;
+    background-color: #fafafa;
+}
+
+
+/* Changes to doxygen.css */
+
+h2.groupheader {
+    border-bottom: 1px solid #979797;
+    color: #4C4C4C;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-weight : normal;
+}
+
+h1.glow, h2.glow, h3.glow, h4.glow, h5.glow, h6.glow {
+    text-shadow: 0 0 15px #007fa3;
+}
+
+div.qindex, div.navtab{
+    background-color: #EBEBEB;
+    border: 1px solid #B4B4B4;
+}
+
+div.qindex, div.navpath {
+    position : relative;
+}
+
+a {
+    color: #444444;
+}
+
+.contents a:visited {
+    color: #666666;
+}
+
+a.qindexHL {
+    background-color: #AFAFAf;
+    border: 1px double #9D9D9D;
+}
+
+a.code, a.code:visited {
+    color: #444444;
+}
+
+a.codeRef, a.codeRef:visited {
+    color: #444444;
+}
+
+div.fragment {
+    background-color: #FCFCFC;
+    border: 1px solid #CFCFCF;
+}
+
+div.line.glow {
+    background-color: #007fa3;
+}
+
+body {
+    background-color: #EEE;
+}
+
+.memberdecls td.glow, .fieldtable tr.glow {
+    background-color: #007fa3;
+}
+
+.memitem.glow {
+    /* box-shadow: 0 0 15px orange; */
+}
+
+.memproto, dl.reflist dt {
+    border-top: 1px solid #B8B8B8;
+    border-left: 1px solid #B8B8B8;
+    border-right: 1px solid #B8B8B8;
+    color: #333333;
+    background-color: #E2E2E2;
+}
+
+.memdoc, dl.reflist dd {
+    border-bottom: 1px solid #B8B8B8;
+    border-left: 1px solid #B8B8B8;
+    border-right: 1px solid #B8B8B8;
+    background-color: #FCFCFC;
+}
+
+table.doxtable td, table.doxtable th {
+    border: 1px solid #2D2D2D;
+}
+
+table.doxtable th {
+    background-color: #373737;
+}
+
+.navpath li.navelem a
+{
+    color: white;
+    text-shadow: none;
+}
+
+.navpath li.navelem a:hover
+{
+    color:white;
+    text-shadow : 0px 1px 1px rgba(0, 0, 0, 1.0);
+}
+
+dl.note
+{
+    border-color: #f68a33;
+}
+
+#projectlogo
+{
+    width:150px;
+    text-align:left;
+}
+
+#projectname
+{
+    font: 200% Tahoma, Arial,sans-serif;
+    color : #676767;
+    overflow:hidden;
+}
+
+#projectname #armdevcenter
+{
+    float:right;
+    padding-right: 20px;
+}
+
+#eula
+{
+    font-size: 80%;
+    font-weight: bold;
+}
+
+#titlearea
+{
+    background-color : white;
+    border-top: 5px solid white;
+    border-left: 10px solid white;
+    border-bottom: none;
+}
+
+a.copyright {
+    color: #FFFFFF;
+}
+
+a.copyright:hover {
+    color: #FFFFFF;
+}
+
+a.copyright:visited {
+    color: #FFFFFF;
+}
+
+div.toc h3 {
+    font: bold 12px/1.2 Arial,FreeSans,sans-serif;
+    color: #007fa3;
+    border-bottom: 0 none;
+    margin: 0;
+}
\ No newline at end of file