diff --git a/css/activities.css b/css/activities.css
index c63c043131..9e787ed8f0 100644
--- a/css/activities.css
+++ b/css/activities.css
@@ -421,7 +421,7 @@ img.icon:hover {
}
#loading-image-container {
- z-index: 99999;
+ z-index: 89999;
}
body {
@@ -1769,3 +1769,51 @@ table {
clear: both;
}
}
+.upper-text, .lower-text {
+ margin: 0;
+ font-size: 12px;
+ font-style: italic;
+ font-weight: 100;
+}
+.lower-text{
+ text-align: right;
+}
+@keyframes rainbowAnimation {
+ 0% { stop-color: red; }
+ 20% { stop-color: orange; }
+ 40% { stop-color: yellow; }
+ 60% { stop-color: green; }
+ 80% { stop-color: blue; }
+ 100% { stop-color: violet; }
+}
+@keyframes dullBorderAnimation {
+ 0% { stop-color: #7a7a7a; } /* Gray */
+ 25% { stop-color: #a2a2a2; } /* Light Gray */
+ 50% { stop-color: #5c5c5c; } /* Dark Gray */
+ 75% { stop-color: #8e8e8e; } /* Medium Gray */
+ 100% { stop-color: #7a7a7a; } /* Back to Gray */
+}
+.bottom-right-logo1{
+ position: absolute;
+ bottom: 30px; /* Distance from the bottom */
+ right: 125px; /* Distance from the right */
+ padding: 10px;
+ border-radius: 5px;
+ cursor: pointer;
+}
+.bottom-right-logo3{
+ position: absolute;
+ bottom: 3px; /* Distance from the bottom */
+ right: 3px; /* Distance from the right */
+ padding: 5px;
+ border-radius: 5px;
+ cursor: pointer;
+}
+.logo-container{
+ position: absolute;
+ bottom: 3px; /* Distance from the bottom */
+ right: 25px; /* Distance from the right */
+ padding: 0px;
+ border-radius: 5px;
+ cursor: pointer;
+}
\ No newline at end of file
diff --git a/css/logo.svg b/css/logo.svg
new file mode 100644
index 0000000000..cdcae4b478
--- /dev/null
+++ b/css/logo.svg
@@ -0,0 +1 @@
+
diff --git a/dist/css/activities.css b/dist/css/activities.css
index 5b5257b166..e8cd86403a 100644
--- a/dist/css/activities.css
+++ b/dist/css/activities.css
@@ -302,7 +302,7 @@ img.icon:hover {
background-color: rgba(139, 195, 74, 0.8);
}
#loading-image-container {
- z-index: 99999;
+ z-index: 89999;
}
body {
background-color: #92b5c8 !important;
diff --git a/dist/css/activity.css b/dist/css/activity.css
index 7657ec9b2f..83fe671daf 100644
--- a/dist/css/activity.css
+++ b/dist/css/activity.css
@@ -192,7 +192,7 @@ img.icon:hover {
background-color: rgba(139, 195, 74, 0.8);
}
#loading-image-container {
- z-index: 99999;
+ z-index: 89999;
}
body {
background-color: #9cf;
@@ -229,3 +229,60 @@ input.number {
#canvas {
overflow-y: visible;
}
+.upper-text, .lower-text {
+ margin: 0;
+ font-size: 23px;
+ font-style: italic;
+ font-weight: 100;
+}
+.lower-text{
+ text-align: right;
+}
+@keyframes rainbowAnimation {
+ 0% { stop-color: red; }
+ 20% { stop-color: orange; }
+ 40% { stop-color: yellow; }
+ 60% { stop-color: green; }
+ 80% { stop-color: blue; }
+ 100% { stop-color: violet; }
+}
+@keyframes dullBorderAnimation {
+ 0% { stop-color: #7a7a7a; } /* Gray */
+ 25% { stop-color: #a2a2a2; } /* Light Gray */
+ 50% { stop-color: #5c5c5c; } /* Dark Gray */
+ 75% { stop-color: #8e8e8e; } /* Medium Gray */
+ 100% { stop-color: #7a7a7a; } /* Back to Gray */
+}
+.bottom-right-logo1{
+ z-index: 99999;
+ position: absolute;
+ bottom: 57px; /* Distance from the bottom */
+ right: 210px; /* Distance from the right */
+ padding: 10px;
+ border-radius: 5px;
+ cursor: pointer;
+}
+.bottom-right-logo3{
+ z-index: 99999;
+ position: absolute;
+ bottom: 3px; /* Distance from the bottom */
+ right: 3px; /* Distance from the right */
+ padding: 5px;
+ border-radius: 5px;
+ cursor: pointer;
+}
+.logo-container{
+ z-index: 99999;
+ position: absolute;
+ bottom: 0px; /* Distance from the bottom */
+ right: 20px; /* Distance from the right */
+ padding: 0px;
+ border-radius: 0px;
+ cursor: pointer;
+}
+#link-to-sugarLabs:link ,
+#link-to-sugarLabs:visited ,
+#link-to-sugarLabs:hover ,
+#link-to-sugarLabs:active {
+ color: #000;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index aea8f6d80a..12dfd676fc 100644
--- a/index.html
+++ b/index.html
@@ -174,10 +174,81 @@
loadL10nSplashScreen();
+
+
+
This is a
+
+
+
+
+
+
project.
+
+