diff --git a/resources/css/edugain.css b/resources/css/edugain.css
new file mode 100644
index 0000000000000000000000000000000000000000..8175aff7db52628852d1a9a854ebfb7860dd1bda
--- /dev/null
+++ b/resources/css/edugain.css
@@ -0,0 +1,396 @@
+@CHARSET "UTF-8";
+
+/* html {
+ background-color: #FFF;
+ height: 100%;
+}*/
+
+body {
+ color: #004360;
+ background-color: #FFF;
+ font-family: "Open Sans", Helvetica, sans-serif;
+ font-size: 14px;
+ line-height: 1.4;
+ margin: 0px;
+/* height: 100%; */
+}
+
+input, textarea, select, button {
+ font-size: 14px;
+}
+
+header {
+ position: relative;
+ padding: 0;
+ height: 115px;
+ width: 100%;
+ background: #003f5f;
+}
+
+#header_text {
+ color: white;
+ font-size: 18px;
+ font-weight: bold;
+ position: absolute;
+ left: 100px;
+ top: 50px;
+ z-index: 100;
+}
+
+
+h1, h2 {
+ margin: 0;
+ padding: 0;
+ font-weight: bold;
+}
+
+h1 {
+ font-size: 1.5em;
+ padding-bottom: 0.7em;
+}
+
+h2 {
+ font-size: 1.2em;
+}
+
+dt {
+ font-weight: bold;
+ padding-top: 0.4em;
+}
+
+img {
+ border: none;
+}
+
+
+a {
+ color: #f1893b;
+ text-decoration: underline;
+}
+
+a:hover,a:focus,a:active {
+ text-decoration: none;
+ color: #004360;
+}
+
+footer {
+ /*vertical-align: bottom;*/
+ /*display: table;*/
+ width: 100%;
+ background-color: #EEE;
+ /*padding-top: 1em;*/
+ /*padding-bottom: 0.5em;*/
+ /*margin-top: 0.5em;*/
+ /*border-top: 1px solid #EEE;
+ border-bottom: 2px solid #FFF;*/
+ font-size: 12px;
+}
+
+footer .col-1-1 {
+ text-align: left;
+}
+
+footer .col-1-2 {
+ text-align: right;
+ white-space: nowrap;
+}
+
+footer a:not(:last-child) {
+ padding-right: 1em;
+}
+
+footer a {
+ text-decoration: none;
+}
+
+/*button {
+ * background-color: #f1893b;
+ * color: #FFF;
+ * border-left: 2px solid #FFCC99;
+ * border-top: 2px solid #FFCC99;
+ * border-right: 2px solid #D1691B;
+ * border-bottom: 2px solid #D1691B;
+ * padding: 2px;
+ * }*/
+
+/* ======= ======= Classes ======= ======= */
+.help {
+ vertical-align: bottom;
+}
+
+.help:hover {
+ cursor: help;
+}
+.central-section {
+ box-sizing: border-box;
+ display: table;
+ width: 100%;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+
+.col-1-2 {
+ padding-top: 1em;
+}
+
+.alignment-3 {
+ text-align: center;
+}
+
+.page-title {
+ color: #f1893b;
+ font-weight: normal;
+ white-space: nowrap;
+}
+
+.info-section {
+ margin-bottom: 0.5em ;
+}
+
+.info-section h3 {
+ margin: 1em 0 0 0;
+ text-decoration: none;
+}
+.info-section h3 a{
+ text-decoration: none;
+}
+.info-section h3 a:hover{
+ color: #f1893b;
+}
+.info-section img {
+ display: none;
+}
+
+.validator_warn {
+ background-repeat: no-repeat;
+ background-size: 20px 20px;
+ background-position: 90% 5px;
+ background-image: url('../images/warning-icon.png');
+}
+/* ------- Table Style 1 ------- */
+
+.ts-1 {
+ border-collapse: collapse;
+ margin: auto;
+ padding-top: 1.5em;
+}
+
+.ts-1 tr:not(:last-child) th, .ts-1 tr:not(:last-child) td {
+ border-bottom: 1px solid #ffccaa;
+ /* border-bottom: 1px solid #f1893b; */
+ margin: 0;
+}
+.ts-1 th{
+ font-weight: normal;
+ text-align: left;
+ padding: 0.6em 2em 0.6em 1em;
+ border-right: 1px solid #ffccaa;
+ /* border-right: 1px solid #f1893b; */
+}
+.ts-1 td{
+ text-align: right;
+ padding: 0.6em 1em 0.6em 2em;
+}
+
+.ts-1 caption, .ts-1 th[colspan="2"] {
+ color: #FFF;
+ background-color: #F1893B;
+ font-size: 1.1em;
+ font-weight: normal;
+ padding: 0.2em 1em;
+ margin-bottom: 0.4em;
+}
+.ts-1 caption img, .ts-1 th[colspan="2"] img {
+ vertical-align: middle;
+ float: right;
+ /* padding-left: 1em; */
+ padding: 0.2em;
+}
+/* ------- End of Table Style 1 ------- */
+
+.member-div {
+ padding-bottom: 0.2em;
+ padding-right: 0.2em;
+}
+
+.member-div .additional-info {
+ color: #FF0000;
+}
+
+.member-div:hover {
+ background-color: #FFCCAA;
+ cursor: pointer;
+}
+.member-div.selected {
+ background-color: #F1893B;
+ color: #FFF;
+ cursor: pointer;
+}
+
+.member-div.selected .additional-info {
+ color: #000000;
+}
+
+.federation-details {
+ display: none;
+ position: absolute;
+ left: 0;
+ top: 2em;
+ width: 100%;
+ background-color: #FFF;
+ text-align: left;
+ border: 1px solid #FFCCAA;
+ padding: 1em;
+ margin-left: 1em;
+}
+
+/* Specific images */
+
+#main_logo {
+ width: 180px;
+}
+
+#geant_logo {
+ width: 100px;
+ padding-right: 1em;
+}
+
+#world_small {
+ width: 100%;
+}
+
+@media screen and (min-width: 400px) {
+ #world_small {
+ width: 400px;
+ }
+}
+
+/* eduGAIN Numbers table */
+#eduGAIN-numbers-table_1 {
+ padding-top: 1em;
+}
+#eduGAIN-numbers-table_2 {
+ display: none;
+}
+
+#entity_details {
+ display: none;
+}
+
+
+/* Entities Table */
+table.entity_listing {
+ width: 100%;
+ border: 1px solid #F1893B;
+}
+table.entity_listing th {
+ background-color: #F1893B;
+ color: #FFF;
+}
+
+table.entity_listing tr td.entity-role {
+ text-align: center;
+ background-color: #F1893B;
+ color: #FFF;
+}
+
+table.entity_listing {
+ border-collapse: collapse;
+}
+
+table.entity_listing td {
+ border: 1px solid #F1893B;
+ padding-left: 0.5em;
+}
+
+table.entity_listing tr td:first-child {
+}
+
+table.entity_listing tr td:last-child {
+}
+
+table.entity_listing tr.entry-even {
+ background-color: #EEE;
+}
+
+/* Entity Information table */
+
+table.entity_details {
+ background-color: #FFF;
+ width: 100%;
+ padding: 0.2em;
+}
+
+table.entity_details th {
+ border-bottom: 1px solid #EEE;
+ background-color: #DDD;
+ text-align: left;
+ padding-left: 0.5em;
+}
+
+table.entity_details td {
+ border-bottom: 1px solid #EEE;
+ padding-left: 0.5em;
+}
+
+table.entity_details .details_header {
+ font-weight: bold;
+ color: #f1893b;
+ padding-left: 0.5em;
+}
+
+table.entity_details .details_subheader {
+ font-weight: bold;
+ color: #004360;
+ padding-left: 0.5em;
+}
+
+.drop-shadow {
+ -webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75);
+ -moz-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75);
+ box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75);
+}
+
+#wrap {
+ padding-bottom: 1em;
+}
+
+#breadcrumb {
+ color: #999999;
+}
+
+#show_xml_warn {
+ display: none;
+}
+
+#show_xml_warn p {
+ margin: 1em;
+}
+
+#html_templates {
+ display: none;
+}
+
+#edugain_news dl dt {
+ line-height: 1.0;
+}
+
+#edugain_news dl dd ul {
+ -webkit-margin-before: 0px;
+ -webkit-margin-after: 0.5ex;
+}
+
+#loading {
+ position: fixed;
+ left: 45%;
+ top: 50%;
+ display: none;
+}
+
+@media screen and (max-width: 800px) {
+ header,
+ #geant_logo_t img,
+ #edugain_logo img {
+ height: 75px !important;
+ }
+}
\ No newline at end of file
diff --git a/resources/css/et-menu-master.css b/resources/css/et-menu-master.css
new file mode 100644
index 0000000000000000000000000000000000000000..1bd332f2d8f51b8c3b4e983bdadea26287a43572
--- /dev/null
+++ b/resources/css/et-menu-master.css
@@ -0,0 +1,71 @@
+
+.main-nav {
+ font-size: 1.1em;
+ display: table;
+ border-top: 1px solid #EEE;
+ border-bottom: 1px solid #EEE;
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ letter-spacing: 0.1em;
+ width: 100%;
+}
+
+
+.main-nav ul {
+ font-size: 0.9em;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+/* overflow: hidden; */
+}
+
+.et-right a {
+ color: #e87611;
+}
+
+.et-has-children {
+ padding-top: 0.5em;
+}
+
+.et-submenu-option>a {
+ display: inline-block;
+ width: 100%;
+ padding-top: 0.5em;
+ padding-right: 0.5em;
+ padding-left: 1em;
+ padding-bottom: 0.5em;
+}
+
+.et-submenu-header {
+ padding-left: 0.5em;
+ font-weight: bold;
+}
+
+.et-option, .et-last-option {
+ display: none;
+ padding-top: 0.5em;
+}
+
+.et-submenu {
+ display: none;
+}
+
+.et-menu a {
+ text-decoration: none;
+}
+
+.et-option>a:hover {
+ text-decoration: underline;
+}
+
+.et-has-children:hover {
+ cursor: default;
+}
+
+.et-option.et-expanded, .et-last-option.et-expanded, .et-submenu.et-expanded {
+ display: block;
+}
+
+.nav-icon {
+ float: right;
+}
diff --git a/resources/css/et-menu-min-600.css b/resources/css/et-menu-min-600.css
new file mode 100644
index 0000000000000000000000000000000000000000..389c2b24fd03a2f84813d3169709f34e73306046
--- /dev/null
+++ b/resources/css/et-menu-min-600.css
@@ -0,0 +1,73 @@
+.et-option.et-expanded, .et-last-option.et-expanded {
+ display: inline-block;
+}
+
+.et-has-children {
+ position: relative;
+/* border: 1px solid #BBB; */
+ border-bottom: none;
+ background-color: #FFF;
+}
+
+.et-submenu {
+ position: absolute;
+ top: 2.9em;
+ left: -1px;
+ z-index: 9999;
+ background-color: #FFF;
+ border-color: #BBB;
+ border-width: 0px 1px 1px 1px;
+ border-style: solid;
+/* border: 1px solid #999; */
+/* border-left: 1px solid #999; */
+/* box-shadow: 1px 1px 1px #999; */
+}
+
+.et-expanded .et-submenu {
+ display: block;
+ white-space: nowrap;
+ padding: 0.5em 2em 2em 1em;
+}
+
+.et-menu-holder {
+ display: table-cell;
+}
+
+.et-submenu-split {
+ padding-top: 0;
+ display: inline-block;
+}
+
+.nav-icon {
+ display: none;
+}
+
+.et-first-option, .et-option, .et-last-option {
+ display: inline-block;
+ padding-bottom: 0.3em;
+}
+
+.et-submenu-option {
+/* padding-top: 0.5em; */
+/* padding-right: 0.5em; */
+}
+
+.et-submenu-option:hover {
+/* background-color: #FEC; */
+}
+
+.et-menu a:hover {
+ text-decoration: underline;
+}
+
+.et-right {
+ width: auto;
+ text-align: right;
+}
+
+.et-option, .et-last-option {
+ padding-left: 0.9em;
+ padding-right: 0.9em;
+}
+
+
diff --git a/resources/css/min-800.css b/resources/css/min-800.css
new file mode 100644
index 0000000000000000000000000000000000000000..c653097b25e5dc64f272b1d78cbd149de9f7230a
--- /dev/null
+++ b/resources/css/min-800.css
@@ -0,0 +1,121 @@
+@CHARSET "UTF-8";
+
+h1, h2 {
+ padding-top: 0.5em;
+}
+
+h1.highlight-header {
+ color: #F1893B;
+ font-weight: normal;
+ margin: 0;
+}
+
+h2.highlight-header {
+ color: #F1893B;
+ background-color: #FFF;
+ font-weight: normal;
+ display: inline-block;
+ padding:0.5em;
+ margin: 0;
+ margin-left: 1em;
+}
+
+
+.highlight-section-1 {
+ background-color: #EEE;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+.central-section {
+ display: table;
+ width: 100%;
+}
+
+.col-1-1, .col-1-2 {
+ display: table-cell;
+}
+
+.col-1-1 {
+ width: 75%;
+ vertical-align: top;
+ padding-top: 1em;
+ padding-right: 1em;
+ /*padding-bottom: 2em;*/
+}
+
+.col-1-2 {
+ text-align: left;
+ width: auto;
+ vertical-align: top;
+ padding-top: 1em;
+ padding-bottom: 2em;
+}
+
+.col-2-1 {
+ display: table-cell;
+ width: 30%;
+ vertical-align: top;
+ padding-top: 1em;
+ padding-bottom: 2em;
+}
+
+.alignment-3 {
+ text-align: right;
+}
+
+.info-section {
+ border: 1px solid #FFCCAA;
+ padding: 0.6em;
+}
+
+.info-section h3 {
+ margin-top: 0;
+}
+
+.info-section .image-holder {
+ display: table-cell;
+ padding-right: 10px;
+}
+
+.info-section img {
+ display: inline-block;
+ width: 75px;
+ height: 75px;
+ vertical-align: middle;
+}
+
+.info-section .text-holder {
+ display: table-cell;
+ vertical-align: top;
+}
+
+
+#world_small {
+ padding-left: 2em;
+ width: 300px;
+}
+
+#eduGAIN-numbers-table_1 {
+ display: none;
+}
+
+#eduGAIN-numbers-table_2 {
+ display: block;
+}
+
+
+@media screen and (min-width: 1000px) {
+ .central-section {
+ width: 1000px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+
+@media screen and (min-width: 1200px) {
+ body {
+ /* width: 1200px;*/
+ margin-left: auto;
+ margin-right: auto;
+ }
+}