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 h1 {
   9     color: white;
  10     margin: 0;
  11     text-transform: uppercase;
  12     font-size: .9em; }
  13   #main-promobox h1:before {
  14     content: url(/static/img/icons/announce_white.png);
  15     margin-right: 1.2em;
  16     vertical-align: top; }
  17   #main-promobox h2 {
  18     color: white;
  19     font-size: .9em;
  20     margin: 1.1em 0 0 0;
  21     font-weight: normal;
  22     text-transform: uppercase; }
  23   #main-promobox p {
  24     color: #363a3e;
  25     font-size: .8em;
  26     line-height: 1.15em;
  27     margin: .3em 0; }
  28
  29 #main-sections {
  30   clear: both;
  31   float: left;
  32   margin-top: 1.2em;
  33   width: 43.75em; }
  34   #main-sections h1 {
  35     font-size: .9em;
  36     margin: 0 0 0 1.6em;
  37     text-transform: uppercase; }
  38   #main-sections ul {
  39     margin: -0.188em 0 0 -1.25em;
  40     padding: 0;
  41     list-style: none; }
  42     #main-sections ul li {
  43       margin-top: 1.25em;
  44       margin-left: 1.25em;
  45       float: left;
  46       width: 10em;
  47       height: 5.625em;
  48       border-radius: 0.938em; }
  49       #main-sections ul li a {
  50         color: white;
  51         text-transform: uppercase;
  52         display: block;
  53         height: 4.375em;
  54         width: 8.75em;
  55         display: table;
  56         padding: 0.625em; }
  57         #main-sections ul li a span {
  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:hover span {
  67         border: 1px solid white; }
  68     #main-sections ul .box1 {
  69       background-color: #adaeaf; }
  70     #main-sections ul .box2 {
  71       background-color: #f8b323; }
  72     #main-sections ul .box3 {
  73       background-color: #16a487; }
  74     #main-sections ul .box4 {
  75       background-color: #5e6165; }
  76     #main-sections ul .box5 {
  77       background-color: #16a487; }
  78     #main-sections ul .box6 {
  79       background-color: #363a3e; }
  80     #main-sections ul .box7 {
  81       background-color: #adaeaf; }
  82     #main-sections ul .box8 {
  83       background-color: #ed7831; }
  84
  85 #main-chosen {
  86   float: right;
  87   margin-top: 1.2em;
  88   width: 13.75em; }
  89   #main-chosen h1 {
  90     font-size: .9em;
  91     margin: 0 0 0 1.4em;
  92     text-transform: uppercase; }
  93   #main-chosen ul {
  94     margin: 1.063em 0 0 1.4em; }
  95     #main-chosen ul li {
  96       font-size: .9em;
  97       text-transform: uppercase;
  98       line-height: 1.25em; }
  99
 100 #main-tools {
 101   clear: both; }
 102   #main-tools .main-tools-box {
 103     float: left;
 104     margin-top: 1.5em;
 105     margin-right: 1.25em;
 106     width: 17.5em; }
 107     #main-tools .main-tools-box h1 {
 108       margin: 0;
 109       font-size: .9em;
 110       text-transform: uppercase; }
 111     #main-tools .main-tools-box ul, #main-tools .main-tools-box ol {
 112       margin: 1.1em 0 0 0;
 113       font-size: .9em;
 114       line-height: 1.15em; }