All-or-nothing answer checking mode for questions of type "wybor"

[edumed.git] / edumed / static / css / main.css

diff --git a/edumed/static/css/main.css b/edumed/static/css/main.css
index 27aa707..4fecbb1 100644 (file)
--- a/edumed/static/css/main.css
+++ b/edumed/static/css/main.css
@@ -1,20 +1,19 @@
 #main-promobox {
 #main-promobox {

-  /*position: absolute;
-  top: 0;
-  right: 10 * $px;*/

   float: right;
   border-radius: 0.938em;
   float: right;
   border-radius: 0.938em;

-  background: #f8b323;
+  background: #16a487;

   padding: 1.5em 1.25em;
   width: 11.25em;
   height: 11.688em; }
   padding: 1.5em 1.25em;
   width: 11.25em;
   height: 11.688em; }

+  #main-promobox a {
+    display: block; }

   #main-promobox h1 {
     color: white;
     margin: 0;
     text-transform: uppercase;
     font-size: .9em; }
   #main-promobox h1:before {
   #main-promobox h1 {
     color: white;
     margin: 0;
     text-transform: uppercase;
     font-size: .9em; }
   #main-promobox h1:before {

-    content: url(/static/img/icons/announce.png);
+    content: url(/static/img/icons/announce_white.png);

     margin-right: 1.2em;
     vertical-align: top; }
   #main-promobox h2 {
     margin-right: 1.2em;
     vertical-align: top; }
   #main-promobox h2 {


@@ -32,7 +31,7 @@
 #main-sections {
   clear: both;
   float: left;
 #main-sections {
   clear: both;
   float: left;

-  margin-top: 1.1em;
+  margin-top: 1.2em;

   width: 43.75em; }
   #main-sections h1 {
     font-size: .9em;
   width: 43.75em; }
   #main-sections h1 {
     font-size: .9em;


@@ -48,16 +47,26 @@
       float: left;
       width: 10em;
       height: 5.625em;
       float: left;
       width: 10em;
       height: 5.625em;

-      border-radius: 0.938em;
-      display: table; }
+      border-radius: 0.938em; }

       #main-sections ul li a {
       #main-sections ul li a {

-        display: table-cell;
-        padding-left: 1.688em;
-        vertical-align: middle;
-        height: 100%;

         color: white;
         text-transform: uppercase;
         color: white;
         text-transform: uppercase;

-        font-size: .9em; }
+        display: block;
+        height: 5em;
+        width: 9.375em;
+        display: table;
+        padding: 0.313em; }
+        #main-sections ul li a span {
+          font-size: .9em;
+          height: 100%;
+          width: 100%;
+          display: table-cell;
+          vertical-align: middle;
+          border: 1px solid transparent;
+          border-radius: 0.625em;
+          padding-left: 1em; }
+      #main-sections ul li a:hover span {
+        border: 1px solid white; }

     #main-sections ul .box1 {
       background-color: #adaeaf; }
     #main-sections ul .box2 {
     #main-sections ul .box1 {
       background-color: #adaeaf; }
     #main-sections ul .box2 {


@@ -77,22 +86,18 @@
 
 #main-chosen {
   float: right;
 
 #main-chosen {
   float: right;

-  margin-top: 1.1em;
+  margin-top: 1.2em;

   width: 13.75em; }
   #main-chosen h1 {
     font-size: .9em;
     margin: 0 0 0 1.4em;
     text-transform: uppercase; }
   #main-chosen ul {
   width: 13.75em; }
   #main-chosen h1 {
     font-size: .9em;
     margin: 0 0 0 1.4em;
     text-transform: uppercase; }
   #main-chosen ul {

-    margin: 1.063em 0 0 1.4em;
-    padding: 0;
-    list-style-position: inside; }
+    margin: 1.063em 0 0 1.4em; }

     #main-chosen ul li {
       font-size: .9em;
       text-transform: uppercase;
       line-height: 1.25em; }
     #main-chosen ul li {
       font-size: .9em;
       text-transform: uppercase;
       line-height: 1.25em; }

-      #main-chosen ul li a {
-        color: #363a3e; }

 
 #main-tools {
   clear: both; }
 
 #main-tools {
   clear: both; }


@@ -107,10 +112,5 @@
       text-transform: uppercase; }
     #main-tools .main-tools-box ul, #main-tools .main-tools-box ol {
       margin: 1.1em 0 0 0;
       text-transform: uppercase; }
     #main-tools .main-tools-box ul, #main-tools .main-tools-box ol {
       margin: 1.1em 0 0 0;

-      padding: 0;
-      list-style-position: inside;
-      color: #ed7831;

       font-size: .9em;
       line-height: 1.15em; }
       font-size: .9em;
       line-height: 1.15em; }

-      #main-tools .main-tools-box ul li a, #main-tools .main-tools-box ol li a {
-        color: #ed7831; }