edumed/static/css/main.css

   1 #main-promobox {
   2   float: right;
   3   border-radius: 0.938em;
   4   background: #16a487;
   5   padding: 1.5em 1.25em;
   6   width: 11.25em;
   7   height: 11.688em; }
   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.6em;
  39     text-transform: uppercase; }
  40   #main-sections ul {
  41     margin: -0.188em 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       width: 10em;
  49       height: 5.625em;
  50       border-radius: 0.938em; }
  51       #main-sections ul li a {
  52         color: white;
  53         text-transform: uppercase;
  54         display: block;
  55         height: 5em;
  56         width: 9.375em;
  57         display: table;
  58         padding: 0.313em; }
  59         #main-sections ul li a span {
  60           font-size: .9em;
  61           height: 100%;
  62           width: 100%;
  63           display: table-cell;
  64           vertical-align: middle;
  65           border: 1px solid transparent;
  66           border-radius: 0.625em;
  67           padding-left: 1em; }
  68       #main-sections ul li a:hover span {
  69         border: 1px solid white; }
  70     #main-sections ul .box1 {
  71       background-color: #adaeaf; }
  72     #main-sections ul .box2 {
  73       background-color: #f8b323; }
  74     #main-sections ul .box3 {
  75       background-color: #16a487; }
  76     #main-sections ul .box4 {
  77       background-color: #5e6165; }
  78     #main-sections ul .box5 {
  79       background-color: #16a487; }
  80     #main-sections ul .box6 {
  81       background-color: #363a3e; }
  82     #main-sections ul .box7 {
  83       background-color: #adaeaf; }
  84     #main-sections ul .box8 {
  85       background-color: #ed7831; }
  86
  87 #main-chosen {
  88   float: right;
  89   margin-top: 1.2em;
  90   width: 13.75em; }
  91   #main-chosen h1 {
  92     font-size: .9em;
  93     margin: 0 0 0 1.4em;
  94     text-transform: uppercase; }
  95   #main-chosen ul {
  96     margin: 1.063em 0 0 1.4em; }
  97     #main-chosen ul li {
  98       font-size: .9em;
  99       text-transform: uppercase;
 100       line-height: 1.25em; }
 101
 102 #main-tools {
 103   clear: both; }
 104   #main-tools .main-tools-box {
 105     float: left;
 106     margin-top: 1.5em;
 107     margin-right: 1.25em;
 108     width: 17.5em; }
 109     #main-tools .main-tools-box h1 {
 110       margin: 0;
 111       font-size: .9em;
 112       text-transform: uppercase; }
 113     #main-tools .main-tools-box ul, #main-tools .main-tools-box ol {
 114       margin: 1.1em 0 0 0;
 115       font-size: .9em;
 116       line-height: 1.15em; }