X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/e920c28bdc8af86e9d7328a79c8ed42e4986bcfc..7f93b123c983c7ca2a2bf7010e4be921cba9a8fa:/edumed/static/catalogue/css/layout.css

diff --git a/edumed/static/catalogue/css/layout.css b/edumed/static/catalogue/css/layout.css
new file mode 100644
index 0000000..acf699d
--- /dev/null
+++ b/edumed/static/catalogue/css/layout.css
@@ -0,0 +1,86 @@
+@charset "UTF-8";
+.box-button {
+  background-color: #ed7831;
+  border-radius: 0.9375em; }
+  .box-button .dl-button {
+    color: white;
+    padding: 1.0625em 0.75em 1.0625em 0.75em; }
+
+.dl-button {
+  color: #363a3e;
+  display: block;
+  font-weight: bold;
+  text-align: center;
+  text-transform: uppercase;
+  font-size: .9em; }
+
+.dl-button:after {
+  content: " ↓"; }
+
+#main-bar section.button {
+  margin-bottom: 1.0625em; }
+
+#sidebar {
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 13.75em;
+  color: #363a3e; }
+  #sidebar section {
+    margin-bottom: 1.0625em; }
+    #sidebar section h1 {
+      margin: 0; }
+    #sidebar section h1.realisation {
+      font-weight: normal; }
+  #sidebar .section {
+    border-top: 1px solid #c9ccce;
+    padding-top: 1.0625em; }
+  #sidebar .section-minor {
+    border-top: 1px solid #c9ccce;
+    padding-top: 1.0625em; }
+    #sidebar .section-minor h1 {
+      font-weight: normal;
+      font-size: 1em; }
+  #sidebar .section-micro {
+    font-size: .8em;
+    color: #888;
+    border-top: 1px solid #c9ccce;
+    padding-top: 1.0625em; }
+    #sidebar .section-micro h1 {
+      font-weight: normal;
+      font-size: 1em; }
+    #sidebar .section-micro .link-list a {
+      color: #888; }
+  #sidebar section:first-child {
+    border-top: 0;
+    padding-top: 0; }
+
+#main-bar {
+  width: 40em; }
+  #main-bar .top-link {
+    float: right; }
+  #main-bar .box {
+    background-color: #d4d6d8;
+    border-radius: 0.9375em;
+    padding: 1.0625em; }
+    #main-bar .box h1 {
+      font-size: 1em;
+      text-transform: uppercase; }
+    #main-bar .box p {
+      margin: 0; }
+    #main-bar .box .box-icon {
+      margin: -.2em 0 -.2em 1em;
+      float: right;
+      text-align: center; }
+
+.lesson-footer {
+  clear: both;
+  border-top: 1px solid #777;
+  margin-top: 2em;
+  padding-top: 1em; }
+  .lesson-footer .section-info {
+    text-align: center; }
+  .lesson-footer .previous-lesson {
+    float: left; }
+  .lesson-footer .next-lesson {
+    float: right; }