edumed/static/css/main.css

   1 #main-promobox {
   2   float: right;
   3   width: 12.5em;
   4   height: 11.6875em; }
   5   #main-promobox a {
   6     background: #16a487;
   7     padding: 1em 1.25em;
   8     border-radius: 0.9375em;
   9     display: block;
  10     margin-bottom: 1em;
  11     width: 10em;
  12     float: left;
  13   }
  14
  15 #main-promobox a:first-of-type {
  16   padding-top: 0;
  17   border-top-right-radius: 0;
  18   border-top-left-radius: 0;
  19 }
  20
  21 #main-promobox a:last-of-type {
  22   margin-bottom: 0;
  23 }
  24   #main-promobox h1 {
  25     background: #16a487;
  26     padding: 1em 1.25em;
  27     border-radius: 0.9375em;
  28     color: white;
  29     margin: 0;
  30     text-transform: uppercase;
  31     font-size: .9em;
  32     width: 11.375em;
  33     float: left;
  34     padding-top: 1.25em;
  35     padding-bottom: 1.25em;
  36     border-bottom-right-radius: 0;
  37     border-bottom-left-radius: 0;
  38   }
  39   #main-promobox h1:before {
  40     content: url(/static/img/icons/announce_white.png);
  41     margin-right: 1.2em;
  42     vertical-align: top; }
  43   #main-promobox h2 {
  44     color: white;
  45     font-size: .9em;
  46     /*margin: 1.1em 0 0 0;*/
  47     margin: 0;
  48     font-weight: normal;
  49     text-transform: uppercase; }
  50   #main-promobox p {
  51     color: #363a3e;
  52     font-size: .8em;
  53     line-height: 1.15em;
  54     margin: .3em 0; }
  55
  56 #main-sections {
  57   clear: both;
  58   float: left;
  59   margin-top: 1.2em;
  60   width: 43.75em; }
  61   #main-sections h1 {
  62     font-size: .9em;
  63     margin: 0 0 0 1.25em;
  64     text-transform: uppercase; }
  65   #main-sections ul {
  66     margin: -0.1875em 0 0 -1.25em;
  67     padding: 0;
  68     list-style: none; }
  69     #main-sections ul li {
  70       margin-top: 1.25em;
  71       margin-left: 1.25em;
  72       float: left;
  73       height: 5.625em;
  74       border-radius: 0.9375em; }
  75       #main-sections ul li a {
  76         color: white;
  77         text-transform: uppercase;
  78         display: block;
  79         height: 5em;
  80         display: table;
  81         padding: 5px; }
  82         #main-sections ul li a .in-box {
  83           font-size: .9em;
  84           height: 100%;
  85           width: 100%;
  86           display: table-cell;
  87           vertical-align: middle;
  88           border: 1px solid transparent;
  89           border-radius: 0.625em;
  90           padding: 0 1em; }
  91           #main-sections ul li a .in-box .name {
  92             display: block;
  93             font-size: 1.5em;
  94             line-height: 1em;
  95             margin-bottom: .2em; }
  96       #main-sections ul li a:hover .in-box {
  97         border: 1px solid white; }
  98     #main-sections ul .box1 {
  99       background-color: #adaeaf; }
 100     #main-sections ul .box2 {
 101       background-color: #f8b323; }
 102     #main-sections ul .box3 {
 103       background-color: #16a487; }
 104     #main-sections ul .box4 {
 105       background-color: #5e6165; }
 106     #main-sections ul .box5 {
 107       background-color: #f8b323; }
 108     #main-sections ul .box6 {
 109       background-color: #363a3e; }
 110     #main-sections ul .box7 {
 111       background-color: #adaeaf; }
 112     #main-sections ul .box8 {
 113       background-color: #ed7831; }
 114
 115 #main-howto {
 116   float: right;
 117   margin-top: 1.2em;
 118   width: 13.75em; }
 119   #main-howto h1 {
 120     font-size: .9em;
 121     margin: 0 0 0 1.4em;
 122     text-transform: uppercase; }
 123   #main-howto ul {
 124     margin: 1.0625em 0 1.0625em 1.4em; }
 125     #main-howto ul li {
 126       font-size: .9em;
 127       text-transform: uppercase;
 128       line-height: 1.25em; }
 129     #main-howto ul a:before {
 130       height: 1.25em; }
 131     #main-howto ul .knowledge:before {
 132       content: url(/static/img/icons/knowledge_dark.png); }
 133     #main-howto ul .activity:before {
 134       content: url(/static/img/icons/activity_dark.png); }
 135     #main-howto ul .lesson-plan:before {
 136       content: url(/static/img/icons/lesson-plan_dark.png); }
 137     #main-howto ul .reference:before {
 138       content: url(/static/img/icons/reference_dark.png); }
 139     #main-howto ul .knowledge:hover:before {
 140       content: url(/static/img/icons/knowledge_orange.png); }
 141     #main-howto ul .activity:hover:before {
 142       content: url(/static/img/icons/activity_orange.png); }
 143     #main-howto ul .lesson-plan:hover:before {
 144       content: url(/static/img/icons/lesson-plan_orange.png); }
 145     #main-howto ul .reference:hover:before {
 146       content: url(/static/img/icons/reference_orange.png); }
 147   #main-howto p {
 148     margin: 0 0 1.875em 1.4em; }
 149
 150 #main-chosen {
 151   clear: left;
 152   float: left;
 153   margin-top: 2em; }
 154   #main-chosen h1 {
 155     font-size: .9em;
 156     margin: 0 0 1em 1.25em;
 157     text-transform: uppercase; }
 158   #main-chosen .levelth {
 159     margin-left: 1.25em; }
 160
 161 #main-tools {
 162   clear: both; }
 163   #main-tools .main-tools-box {
 164     float: left;
 165     margin-top: 1.5em;
 166     margin-right: 1.25em;
 167     width: 17.5em; }
 168     #main-tools .main-tools-box h1 {
 169       margin: 0;
 170       font-size: .9em;
 171       text-transform: uppercase; }
 172     #main-tools .main-tools-box ul, #main-tools .main-tools-box ol {
 173       margin: 1.1em 0 0 0;
 174       font-size: .9em;
 175       line-height: 1.15em; }