webcit/static/styles/content.css

   1 #content {
   2         position: fixed;
   3         top: 100px;             /* when changing this, also change #banner and #iconbar */
   4         left: 16%;              /* when changing this, also change #banner and #iconbar */
   5         bottom: 0;
   6         width: 84%;             /* when changing this, also change #banner and #iconbar */
   7         background: #F3F6F2;
   8         color: #000;
   9         z-index: 2;
  10         overflow-y: auto;
  11         padding-top: 0.5em;
  12 }
  13
  14 .boxcontent table {
  15         margin: 0;
  16         padding: 0;
  17 }
  18
  19 #content table .box {
  20         margin: 0;
  21         width: 100%;
  22         text-align: left;
  23 }
  24
  25 .service, .who_is_online {
  26         text-align: center;
  27         width: 100%;
  28 }
  29
  30 .service table {
  31         margin: 0 auto 0 auto;
  32         width: 100%;
  33         text-align: left;
  34 }
  35
  36 .instructions {
  37         text-align: center;
  38 }
  39
  40 .moreprompt {
  41         margin: 0 1em;
  42         text-align: center;
  43         font-size: small;
  44         background-color: #4d555c;
  45         color: #ddd;
  46         border: 2px solid #4d555c; /*in order to make the hover effect pop out nice */
  47         /*border-radius: 5px;
  48         -webkit-border-radius: 5px;
  49         -moz-border-radius: 5px; */
  50 }
  51
  52 .moreprompt_link {
  53         color: #ddd;
  54         font-weight: bold;
  55 }
  56
  57 .moreprompt_link:hover {
  58         background-color: #ddd;
  59         color: #4d555c;
  60         border: 0px solid #5c646b;
  61         border-radius: 5px;
  62         -webkit-border-radius: 5px;
  63         -moz-border-radius: 5px;
  64 }
  65
  66 /* a > div.moreprompt {
  67         border: none;
  68         border-radius: 0; } */
  69