edumed/static/css/main.css

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