Update styles

SkyCascade · Oct 6, 2024 · 97b2c80 · 97b2c80
1 parent 84b2571
commit 97b2c80
Show file tree

Hide file tree

Showing 6 changed files with 67 additions and 129 deletions.
diff --git a/static/css/style.min.css b/static/css/style.min.css
diff --git a/static/css/style.min.css.map b/static/css/style.min.css.map
diff --git a/static/scss/style.scss b/static/scss/style.scss
@@ -18,6 +18,10 @@
       format("svg"); /* Legacy iOS */
 }
 
+:root {
+  --primary: #f8d270;
+}
+
 *,
 body {
   font-family: "Rubik", sans-serif;
@@ -49,9 +53,30 @@ body {
   background: #999;
 }
 
-// .btn {
-//   border-radius: 2px;
-// }
+/* Override the text selection highlight color */
+::selection {
+  background-color: var(
+    --primary
+  ); /* Custom background color for selected text */
+  color: #000; /* Custom text color for selected text */
+}
+
+a {
+  color: var(--bs-primary);
+  text-decoration: none;
+}
+
+table .info {
+  margin-left: -240px;
+}
+
+video {
+  max-width: 100%;
+  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
+    0 2px 10px 0 rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16),
+    0px 2px 10px 0px rgba(0, 0, 0, 0.12);
+}
 
 .dim {
   /* For Internet Explorer */
@@ -61,9 +86,17 @@ body {
 }
 
 .table {
+  width: 100%;
+  border-collapse: collapse;
+  th {
+    background-color: #f2f2f2;
+  }
   td,
   th {
     vertical-align: middle;
+    padding: 8px;
+    border: 1px solid #ddd; /* Add thin borders for separation */
+    text-align: left;
   }
   tbody > tr > td > a {
     display: flex;
@@ -409,6 +442,7 @@ body {
     left: -300px;
   }
 }
+
 @media screen and (max-width: 1150px) {
   #side-nav .top-side {
     padding-top: 3rem;
@@ -489,11 +523,6 @@ body {
   }
 }
 
-a {
-  color: var(--bs-primary);
-  text-decoration: none;
-}
-
 .title-1 {
   position: relative;
   display: inline-flex;
@@ -502,6 +531,7 @@ a {
   text-transform: capitalize;
   font-weight: 700;
   font-size: 24px;
+  margin-bottom: 16px;
   border-radius: 0.2em;
 
   &::before {
@@ -1163,36 +1193,10 @@ a {
   vertical-align: middle;
 }
 
-.table {
-  width: 100%;
-  border-collapse: collapse;
-}
-
-.table th,
-.table td {
-  padding: 8px;
-  border: 1px solid #ddd; /* Add thin borders for separation */
-  text-align: left;
-}
-
-.table th {
-  background-color: #f2f2f2;
-}
-
-.title-1 {
-  font-size: 24px;
-  margin-bottom: 16px;
-}
-
 .text-danger {
   color: red;
 }
 
-a {
-  color: black;
-  text-decoration: none;
-}
-
 .user-picture {
   width: 100px;
   height: 100px;
@@ -1201,10 +1205,6 @@ a {
   object-fit: cover;
 }
 
-table .info {
-  margin-left: -240px;
-}
-
 /* Specific to the .dashboard-description class */
 .dashboard-description strong {
   font-weight: 600;
@@ -1218,36 +1218,10 @@ table .info {
   margin-bottom: 15px;
 }
 
-.table {
-  width: 100%;
-  border-collapse: collapse;
-}
-
-.table th,
-.table td {
-  padding: 8px;
-  border: 1px solid #ddd; /* Add thin borders for separation */
-  text-align: left;
-}
-
-.table th {
-  background-color: #f2f2f2;
-}
-
-.title-1 {
-  font-size: 24px;
-  margin-bottom: 16px;
-}
-
 .text-danger {
   color: red;
 }
 
-a {
-  color: black;
-  text-decoration: none;
-}
-
 .bg-light-warning {
   background-color: rgb(252, 217, 111) !important;
 }
@@ -1256,19 +1230,6 @@ a {
   display: none;
 }
 
-.session-wrapper {
-  position: relative;
-}
-.session {
-  position: absolute;
-  top: -15px;
-  right: 25px;
-  z-index: 2;
-}
-.br-orange {
-  border: 1px solid #fd7e14;
-  border-radius: 7px;
-}
 .class-item {
   display: block;
   border-left: 4px solid #6cbd45;
@@ -1277,31 +1238,19 @@ a {
   border-radius: 3px;
   box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
   transition: 0.5s;
-}
-.class-item p {
-  padding: 2px;
-  margin: 0;
-  color: #b4b4b4;
-  transition: 0.5s;
-}
-.class-item a {
-  padding: 2px;
-  color: #343a40;
-  text-decoration: none;
-  transition: 0.5s;
-}
-.class-item:hover {
-  transform: translateX(15px);
-}
-
-video {
-  max-width: 100%;
-  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
-    0 2px 10px 0 rgba(0, 0, 0, 0.12);
-  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16),
-    0px 2px 10px 0px rgba(0, 0, 0, 0.12);
-}
-
-.breadcrumb-item a {
-  color: var(--bs-primary);
+  &:hover {
+    transform: translateX(15px);
+  }
+  p {
+    padding: 2px;
+    margin: 0;
+    color: #b4b4b4;
+    transition: 0.5s;
+  }
+  a {
+    padding: 2px;
+    color: #343a40;
+    text-decoration: none;
+    transition: 0.5s;
+  }
 }
diff --git a/templates/accounts/profile.html b/templates/accounts/profile.html
@@ -59,7 +59,7 @@
                 {% endif %} -->
 
                 {% if user.is_lecturer %}
-                <p class="fw-bold"><i class="fas fa-book-open"></i>{% trans 'My Courses' %}</p>
+                <p class="fw-bold"><i class="fas fa-book-open"></i> {% trans 'My Courses' %}</p>
                 {% if courses %}
                 <ul>
                     {% for course in courses %}