X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/d0f0e1412cc42d366b234e798dfb68feed05d751..d555d988764995ea1f9f5ece46f453a66f09b334:/src/edumed/static/css/main.css?ds=sidebyside

diff --git a/src/edumed/static/css/main.css b/src/edumed/static/css/main.css
new file mode 100644
index 0000000..98dadef
--- /dev/null
+++ b/src/edumed/static/css/main.css
@@ -0,0 +1,168 @@
+#main-promobox {
+  float: right;
+  width: 12.5em;
+  height: 11.6875em; }
+  #main-promobox a {
+    background: #16a487;
+    padding: 1em 0.625em;
+    border-radius: 0.9375em;
+    display: block;
+    margin-bottom: 1em;
+    width: 11.25em;
+    float: left; }
+    #main-promobox a:last-of-type {
+      margin-bottom: 0; }
+  #main-promobox h1 {
+    background: #16a487;
+    padding: 1em 0.625em;
+    border-radius: 0.9375em;
+    color: white;
+    margin: 0;
+    text-transform: uppercase;
+    font-size: .9em;
+    width: 12.625em;
+    float: left;
+    padding-top: 1.25em;
+    padding-bottom: 1.25em;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0; }
+  #main-promobox h1:before {
+    content: url(/static/img/icons/announce_white.png);
+    margin-right: 1.2em;
+    vertical-align: top; }
+  #main-promobox h2 {
+    color: white;
+    font-size: .9em;
+    /*margin: 1.1em 0 0 0;*/
+    margin: 0;
+    font-weight: normal;
+    text-transform: uppercase; }
+  #main-promobox p {
+    color: #363a3e;
+    font-size: .8em;
+    line-height: 1.15em;
+    margin: .3em 0; }
+
+#main-sections {
+  clear: both;
+  float: left;
+  margin-top: 1.2em;
+  width: 43.75em; }
+  #main-sections h1 {
+    font-size: .9em;
+    margin: 0 0 0 1.25em;
+    text-transform: uppercase; }
+  #main-sections ul {
+    margin: -0.1875em 0 0 -1.25em;
+    padding: 0;
+    list-style: none; }
+    #main-sections ul li {
+      margin-top: 1.25em;
+      margin-left: 1.25em;
+      float: left;
+      height: 5.625em;
+      border-radius: 0.9375em; }
+      #main-sections ul li a {
+        color: white;
+        text-transform: uppercase;
+        height: 5em;
+        display: table;
+        padding: 5px; }
+        #main-sections ul li a .in-box {
+          font-size: .9em;
+          height: 100%;
+          width: 100%;
+          display: table-cell;
+          vertical-align: middle;
+          border: 1px solid transparent;
+          border-radius: 0.625em;
+          padding: 0 1em; }
+          #main-sections ul li a .in-box .name {
+            display: block;
+            font-size: 1.5em;
+            line-height: 1em;
+            margin-bottom: .2em; }
+      #main-sections ul li a:hover .in-box {
+        border: 1px solid white; }
+    #main-sections ul .box1 {
+      background-color: #adaeaf; }
+    #main-sections ul .box2 {
+      background-color: #f8b323; }
+    #main-sections ul .box3 {
+      background-color: #16a487; }
+    #main-sections ul .box4 {
+      background-color: #5e6165; }
+    #main-sections ul .box5 {
+      background-color: #f8b323; }
+    #main-sections ul .box6 {
+      background-color: #363a3e; }
+    #main-sections ul .box7 {
+      background-color: #adaeaf; }
+    #main-sections ul .box8 {
+      background-color: #ed7831; }
+
+#main-howto {
+  float: right;
+  margin-top: 1.2em;
+  width: 13.75em; }
+  #main-howto h1 {
+    font-size: .9em;
+    margin: 0 0 0 1.4em;
+    text-transform: uppercase; }
+  #main-howto ul {
+    margin: 1.0625em 0 1.0625em 1.4em; }
+    #main-howto ul li {
+      font-size: .9em;
+      text-transform: uppercase;
+      line-height: 1.25em; }
+    #main-howto ul a:before {
+      height: 1.25em; }
+    #main-howto ul .knowledge:before {
+      content: url(/static/img/icons/knowledge_dark.png); }
+    #main-howto ul .activity:before {
+      content: url(/static/img/icons/activity_dark.png); }
+    #main-howto ul .lesson-plan:before {
+      content: url(/static/img/icons/lesson-plan_dark.png); }
+    #main-howto ul .reference:before {
+      content: url(/static/img/icons/reference_dark.png); }
+    #main-howto ul .knowledge:hover:before {
+      content: url(/static/img/icons/knowledge_orange.png); }
+    #main-howto ul .activity:hover:before {
+      content: url(/static/img/icons/activity_orange.png); }
+    #main-howto ul .lesson-plan:hover:before {
+      content: url(/static/img/icons/lesson-plan_orange.png); }
+    #main-howto ul .reference:hover:before {
+      content: url(/static/img/icons/reference_orange.png); }
+  #main-howto p {
+    margin: 0 0 1.875em 1.4em; }
+  #main-howto .side-banner img {
+    display: block;
+    width: 100%;
+    margin-bottom: 0.2em; }
+
+#main-chosen {
+  clear: left;
+  float: left;
+  margin-top: 2em; }
+  #main-chosen h1 {
+    font-size: .9em;
+    margin: 0 0 1em 1.25em;
+    text-transform: uppercase; }
+  #main-chosen .levelth {
+    margin-left: 1.25em; }
+
+#main-tools {
+  clear: both; }
+  #main-tools .main-tools-box {
+    float: left;
+    margin-top: 1.5em;
+    margin-right: 1.25em;
+    width: 17.5em; }
+    #main-tools .main-tools-box h1 {
+      margin: 0;
+      font-size: .9em;
+      text-transform: uppercase; }
+    #main-tools .main-tools-box ul, #main-tools .main-tools-box ol {
+      margin: 1.1em 0 0 0;
+      font-size: .9em;
+      line-height: 1.15em; }