pannabel/SkyLearn-Test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move all styles to style.scss

Browse Source
This commit is contained in:
Adil Mohak 2024-10-05 18:28:02 +03:00
parent efdd08fe58
commit 7c7376c7ab
16 changed files with 179 additions and 160 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/css/style.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
static/css/style.min.css.map
View File

File diff suppressed because one or more lines are too long

167
static/scss/style.scss
View File

@ -139,6 +139,7 @@ body {
transition: 0.3s; transition: 0.3s;
.nav-wrapper { .nav-wrapper {
// height: 56px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
@ -1134,3 +1135,169 @@ a {
.activities ul li { .activities ul li {
list-style-type: disc; list-style-type: disc;
} }
.top-side {
background-size: cover;
background-position: top center;
}
.color-indicator {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 2px;
}
.bg-purple {
background-color: #6f42c1;
}
.card-header-ne {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.card-header-ne .title {
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;
border: 3px solid #fff;
margin-top: -50px;
object-fit: cover;
}
table .info {
margin-left: -240px;
}
/* Specific to the .dashboard-description class */
.dashboard-description strong {
font-weight: 600;
}
/* Adjustments for headers within cards */
.card .h5 {
font-size: 1.25rem;
color: #333;
margin-top: 15px;
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;
}
#progress-main {
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;
padding: 1rem !important;
background: #f8f9fa;
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);
}

2
templates/base.html
View File

@ -26,7 +26,7 @@
<body> <body>
{% block sidebar %} {% block sidebar %}
{% include 'aside.html' %} {% include 'sidebar.html' %}
{% endblock %} {% endblock %}
{% block maincontent %} {% block maincontent %}

24
templates/core/index.html
View File

@ -5,30 +5,6 @@
{% block content %} {% block content %}
<style>
.color-indicator {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 2px;
}
.bg-purple {
background-color: #6f42c1;
}
.card-header-ne {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.card-header-ne .title {
vertical-align: middle;
}
</style>
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb"> <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item active" aria-current="page">{% trans 'Home' %}</li> <li class="breadcrumb-item active" aria-current="page">{% trans 'Home' %}</li>

31
templates/pdf/lecturer_list.html
View File

@ -1,36 +1,5 @@
{% block content %} {% block content %}
{% load i18n %} {% load i18n %}
<style>
.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;
}
</style>
<p class="title-1">{% trans 'Lecturers' %}</p> <p class="title-1">{% trans 'Lecturers' %}</p>

27
templates/pdf/profile_single.html
View File

@ -1,33 +1,6 @@
{% block content %} {% block content %}
{% load i18n %} {% load i18n %}
<style>
.user-picture {
width: 100px;
height: 100px;
border: 3px solid #fff;
margin-top: -50px;
object-fit: cover;
}
table .info{
margin-left: -240px;
}
/* Specific to the .dashboard-description class */
.dashboard-description strong {
font-weight: 600;
}
/* Adjustments for headers within cards */
.card .h5 {
font-size: 1.25rem;
color: #333;
margin-top: 15px;
margin-bottom: 15px;
}
</style>
{% if user.is_authenticated %} {% if user.is_authenticated %}
<div class="row"> <div class="row">
<div class="card-header"> <div class="card-header">

31
templates/pdf/student_list.html
View File

@ -1,36 +1,5 @@
{% block content %} {% block content %}
{% load i18n %} {% load i18n %}
<style>
.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;
}
</style>
<p class="title-1">{% trans 'Students' %}</p> <p class="title-1">{% trans 'Students' %}</p>

8
templates/quiz/progress.html
View File

@ -13,6 +13,8 @@
</ol> </ol>
</nav> </nav>
<p class="title-1"><i class="fas fa-record-vinyl"></i>{% trans 'Quiz Progress Rec' %}</p>
{% if cat_scores %} {% if cat_scores %}
<div class="header-title text-center">{% trans "Question Category Scores" %}</div> <div class="header-title text-center">{% trans "Question Category Scores" %}</div>
@ -53,7 +55,11 @@
<div class="header-title-xl">{% trans "Previous exam papers" %}</div> <div class="header-title-xl">{% trans "Previous exam papers" %}</div>
<p class="lead fw-bold"> <p class="lead fw-bold">
{% trans "Below are the results of exams that you have sat." %} {% if request.user.is_superuser %}
{% trans "Student exam results" %}
{% else %}
{% trans "Below are the results of exams that you have sat" %}
{% endif %}
</p> </p>
<div class="text-light bg-secondary mb-2 p-1">{% trans 'Total complete exams:' %} {{ exams_counter }}</div> <div class="text-light bg-secondary mb-2 p-1">{% trans 'Total complete exams:' %} {{ exams_counter }}</div>
<div class="table-responsive"> <div class="table-responsive">

1
templates/quiz/quiz_list.html
View File

@ -5,7 +5,6 @@
{% load static %} {% load static %}
{% block content %} {% block content %}
<style>.bg-light-warning{background-color: rgb(252, 217, 111) !important;}</style>
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb"> <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb"> <ol class="breadcrumb">

4
templates/quiz/sitting_detail.html → templates/quiz/quiz_marking_detail.html
View File

@ -14,7 +14,7 @@
</ol> </ol>
</nav> </nav>
<div class="row col-12 justify-content-between"> <div class="row col-12 justify-content-between">{{ sitting.quiz }}
<div class="header-title-md">{% trans "Quiz title" %}: {{ sitting.quiz.title }}</div> <div class="header-title-md">{% trans "Quiz title" %}: {{ sitting.quiz.title }}</div>
<em class="info-text title-danger">{% trans "Category" %}: {{ sitting.quiz.category }}</em> <em class="info-text title-danger">{% trans "Category" %}: {{ sitting.quiz.category }}</em>
</div> </div>
@ -59,7 +59,7 @@
<td> <td>
<form action="" method="POST">{% csrf_token %} <form action="" method="POST">{% csrf_token %}
<input type="hidden" name="qid" value="{{ question.id }}"> <input type="hidden" name="qid" value="{{ question.id }}">
<button type="submit" class="btn btn-warning">{% trans "Toggle whether correct" %}</button> <button type="submit" class="btn btn-sm btn-secondary">{% trans "Toggle whether correct" %}</button>
</form> </form>
</td> </td>
</tr> </tr>

2
templates/quiz/result.html
View File

@ -30,8 +30,6 @@
</div> </div>
</div> </div>
<style>#progress-main{display: none;}</style>
<div class="container" id="progress-main"> <div class="container" id="progress-main">
{% if previous.answers %} {% if previous.answers %}
<div class="card bg-white p-3"> <div class="card bg-white p-3">

3
templates/quiz/sitting_list.html
View File

@ -11,8 +11,6 @@
</ol> </ol>
</nav> </nav>
<div class="container">
<div class="title-1"><i class="fas fa-calendar-alt"></i>{% trans "List of complete exams" %}</div> <div class="title-1"><i class="fas fa-calendar-alt"></i>{% trans "List of complete exams" %}</div>
{% for student in students %}<h3>{{ student.student.user.get_full_name }}</h3>{% endfor %} {% for student in students %}<h3>{{ student.student.user.get_full_name }}</h3>{% endfor %}
@ -62,5 +60,4 @@
{% else %} {% else %}
<p class="p-3 bg-light">{% trans "No completed exams for you" %}.</p> <p class="p-3 bg-light">{% trans "No completed exams for you" %}.</p>
{% endif %} {% endif %}
</div>
{% endblock %} {% endblock %}

20
templates/search/search_view.html
View File

@ -13,26 +13,6 @@
</ol> </ol>
</nav> </nav>
<style>
.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;
padding: 1rem !important;
background: #f8f9fa;
border-radius: 3px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
transition: .5s;
}
.class-item p{padding: 2px; margin: 0; color: #b4b4b4; transition: .5s;}
.class-item a{padding: 2px; color: #343a40; text-decoration: none; transition: .5s;}
.class-item:hover{
transform: translateX(15px);
}
</style>
<div class="card p-3" style="box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); border-radius: 10px;"> <div class="card p-3" style="box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); border-radius: 10px;">
<h5 class="text-muted m-0">{{ count }} {% trans 'result' %}{{ count|pluralize }} {% trans 'for' %} <b><em class="text-orange"> {{ query }}</em></b></h5> <h5 class="text-muted m-0">{{ count }} {% trans 'result' %}{{ count|pluralize }} {% trans 'for' %} <b><em class="text-orange"> {{ query }}</em></b></h5>
<hr> <hr>

7
templates/aside.html → templates/sidebar.html
View File

@ -1,13 +1,6 @@
{% load static %} {% load static %}
{% load i18n %} {% load i18n %}
<style>
.top-side {
background-size: cover;
background-position: top center;
}
</style>
<div id="side-nav"> <div id="side-nav">
<div class="main-menu"> <div class="main-menu">
<div class="top-side text-center py-4" style="background-image: url({% static 'img/dotted.jpg' %});"> <div class="top-side text-center py-4" style="background-image: url({% static 'img/dotted.jpg' %});">

8
templates/upload/video_single.html
View File

@ -18,14 +18,6 @@
<p class="title-1">{{ video.title }}</p> <p class="title-1">{{ video.title }}</p>
<br><br> <br><br>
<style>
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);
}
</style>
<div class="col-md-10 mx-auto d-block"> <div class="col-md-10 mx-auto d-block">
<div class=""><video src="{{ video.video.url }}" controls ></video></div> <div class=""><video src="{{ video.video.url }}" controls ></video></div>
<p><i class="fas fa-calendar"></i> {{ video.timestamp|timesince }} {% trans 'ago' %}</p> <p><i class="fas fa-calendar"></i> {{ video.timestamp|timesince }} {% trans 'ago' %}</p>