Added CSS file

2022-06-29 00:50:04 +03:00
parent b64b9ec1af
commit 92753905f4
3 changed files with 49 additions and 17 deletions
@@ -0,0 +1,36 @@
+h1 {
+    text-align: center;
+}
+
+table.month, table.month th, table.month td {
+    border: 1px solid white;
+    border-collapse: collapse;
+    padding: 5px;
+    background: gainsboro;
+}
+
+table.month th {
+    text-align: center;
+}
+
+table.month td {
+    text-align: right;
+}
+
+table.month td.current {
+    background: dimgrey;
+    color: white;
+}
+
+table.month th.subtitle {
+    font-style: italic;
+    font-weight: normal;
+}
+
+table.month {
+    margin: 10px;
+    float: left;
+    width: 300px;
+    max-width: 300px;
+    border-radius: 10px;
+}
@@ -1,23 +1,16 @@
+{% load static %}
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Calendar</title>
-    <style>
-        table.month, table.month th, table.month td {
-          border: 1px solid black;
-          border-collapse: collapse;
-        }
-        table.month {
-            margin: 10px;
-            float: left;
-            width: 250px;
-            max-width: 250px;
-        }
-    </style>
+
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
+    <link rel="stylesheet" href="{% static 'faerun_calendar/css/main.css' %}">
 </head>
 <body>
    <h1>Календарь</h1>
-    {% extends 'faerun_calendar/calendar.html' %}
+    {% include 'faerun_calendar/calendar.html' %}
 </body>
 </html>
@@ -1,11 +1,9 @@
 <table class="month">
    <tr>
-        <th colspan="10">{{title}}</th>
+        <th colspan="10" class="title">{{title}}</th>
    </tr>
    {% if subtitle %}
-        <tr>
-            <td colspan="10">{{subtitle}}</td>
-        </tr>
+        <th colspan="10" class="subtitle">{{subtitle}}</th>
    {% endif %}
    {% if oneday != 1 %}
    <tr>
@@ -29,7 +27,12 @@
        <td>16</td>
        <td>17</td>
        <td>18</td>
+        {% if title == "Миртул" %}
+        <td class="current">19</td>
+        {% else %}
        <td>19</td>
+        {% endif %}
+
        <td>20</td>
    </tr>
    <tr>