edumed/static/css/main.css

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