wip: open question sample

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

diff --git a/edumed/static/css/main.scss b/edumed/static/css/main.scss
index 56517d9..e956c81 100755 (executable)
--- a/edumed/static/css/main.scss
+++ b/edumed/static/css/main.scss
@@ -1,18 +1,18 @@
 $px: .0625em;
 
 #main-promobox {
 $px: .0625em;
 
 #main-promobox {

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

     float: right;
 
     border-radius: 15*$px;
 
     float: right;
 
     border-radius: 15*$px;
 

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

     padding: 1.5em 20*$px;
     width: 220*$px - 2 * 20*$px;
     height: 235*$px - 2 * 1.5em;
 
     padding: 1.5em 20*$px;
     width: 220*$px - 2 * 20*$px;
     height: 235*$px - 2 * 1.5em;
 

+    a {
+        display: block;
+    }

     h1 {
         color: white;
         margin: 0;
     h1 {
         color: white;
         margin: 0;


@@ -20,7 +20,7 @@ $px: .0625em;
         font-size: .9em;
     }
     h1:before {
         font-size: .9em;
     }
     h1:before {

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

         margin-right: 1.2em;
         vertical-align: top;
     }
         margin-right: 1.2em;
         vertical-align: top;
     }


@@ -43,7 +43,7 @@ $px: .0625em;
 #main-sections {
     clear: both;
     float: left;
 #main-sections {
     clear: both;
     float: left;

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

     width: 700*$px;
 
     h1 {
     width: 700*$px;
 
     h1 {


@@ -64,16 +64,29 @@ $px: .0625em;
             width: 160*$px;
             height: 90*$px;
             border-radius: 15*$px;
             width: 160*$px;
             height: 90*$px;
             border-radius: 15*$px;

-            display: table;

 
             a {
 
             a {

-                display: table-cell;
-                padding-left: 27*$px;
-                vertical-align: middle;
-                height: 100%;

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

-                font-size: .9em;
+                display: block;
+                height: 80*$px;
+                width: 150*$px;
+                display: table;
+                padding: 5*$px;
+
+                span {
+                    font-size: .9em;
+                    height: 100%;
+                    width: 100%;
+                    display: table-cell;
+                    vertical-align: middle;
+                    border: 1px solid transparent;
+                    border-radius: 10*$px;
+                    padding-left: 16*$px;
+                }
+            }
+            a:hover span {
+                border: 1px solid white;

             }
         }
         .box1 {background-color: #adaeaf;}
             }
         }
         .box1 {background-color: #adaeaf;}


@@ -89,7 +102,7 @@ $px: .0625em;
 
 #main-chosen {
     float: right;
 
 #main-chosen {
     float: right;

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

     width: 220*$px;
 
     h1 {
     width: 220*$px;
 
     h1 {


@@ -100,17 +113,11 @@ $px: .0625em;
 
     ul {
         margin: 17*$px 0 0 1.4em;;
 
     ul {
         margin: 17*$px 0 0 1.4em;;

-        padding: 0;
-        list-style-position:inside;

 
         li {
             font-size: .9em;
             text-transform: uppercase;
             line-height: 1.25em;
 
         li {
             font-size: .9em;
             text-transform: uppercase;
             line-height: 1.25em;

-
-            a {
-                color: #363a3e;
-            }

         }
     }
 }
         }
     }
 }


@@ -131,17 +138,8 @@ $px: .0625em;
 
         ul, ol {
             margin: 1.1em 0 0 0;
 
         ul, 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;

-
-            li {
-                a {
-                    color: #ed7831;
-                }
-            }

         }
     }
 }
         }
     }
 }