Return to login.css CVS log

Up to [LON-CAPA] / modules / gci / css / gcitest

- Custom CSS for GCI log-in page.
  - WebCenter (gci domain) and Testing Center (gcitest) have different color schemes.

    1: body{
    2:   font-family: arial,verdana, sans-serif;
    3:   background-color: #ffffff;
    4:   margin: 0;
    5:   width: 100%;
    6: }
    7: 
    8: h1,h2,h3,h4,h5,h5{ color: #000000 }
    9: 
   10: table.LC_loginbox {
   11:     width: 720px;
   12:     border-width: 0px;
   13:     border-collapse: collapse;
   14:     background-color: #ccccff;
   15: }
   16: 
   17: table.LC_loginbox tr td {
   18:     padding: 0px;
   19: }
   20: 
   21: table.LC_loginbox_left {
   22:     width: 450px;
   23:     border-width: 0px;
   24:     border-collapse: collapse;
   25:     background-color: #ccccff;
   26: }
   27: 
   28: table.LC_loginbox_right {
   29:     width: 230px; 
   30:     height: 96%;
   31:     border-width: 0px;
   32:     border-collapse: collapse;
   33:     background-color: #006699;
   34: }
   35: 
   36: table.LC_loginbox_right tr td {
   37:     padding: 0px;
   38: }
   39: 
   40: table.LC_loginbox_right tr td.LC_loginbox_strip {
   41:     background-color: #ccccff; 
   42: }
   43: 
   44: table.LC_signup {
   45:     width: 290px;
   46:     height: 13px; 
   47:     border-width: 0px;
   48:     border-collapse: collapse;
   49:     background-color: #006699;
   50: }
   51: 
   52: table.LC_signup tr td {
   53:     font-family: arial,helvetica,sans-serif;
   54:     font-weight: bold;
   55:     font-size: 13px;
   56:     line-height: 13px;
   57:     color: #ffffff;
   58:     padding: 0px;
   59: }
   60: 
   61: table.LC_mainbox {
   62:     width: 800px;
   63:     border-width: 0px;
   64:     border-collapse:collapse;
   65: }
   66: 
   67: table.LC_mainbox2 {
   68:     width: 95%;
   69:     border-width: 0px;
   70:     border-collapse:collapse;
   71: }
   72: 
   73: 
   74: table.LC_mainbox tr td {
   75:     padding: 4px;
   76: }
   77: 
   78: table.LC_mainbox td.LC_boxtitle {
   79:     font-family: arial,helvetica,sans-serif;
   80:     font-size: 150%; 
   81:     color: #ffffff;
   82: }
   83: 
   84: table.LC_mainbox2 tr td {
   85:     padding: 4px;
   86: }
   87: 
   88: table.LC_mainbox2 td.LC_boxtitle {
   89:     font-family: arial,helvetica,sans-serif;
   90:     font-size: 150%;
   91:     color: #ffffff;
   92: }
   93: 
   94: img {
   95:   border-width: 0;
   96: }
   97: img.left {
   98:   float: left;
   99: }
  100: img.right {
  101:   float: right;
  102: }
  103: 
  104: .buttoncolored
  105: {
  106:         font-size: 13px; 
  107:         font-family:  arial, Trebuchet MS, verdana, helvetica, san-serif; 
  108:         padding: 4px;
  109:         line-height: 15px; 
  110:         color: #FFFFFF; 
  111:         text-align: center; 
  112:         background: #006699;
  113:         font-weight: bold;
  114: }
  115: 
  116: a:link { color: #003333 }  /* for unvisited links */
  117: a:visited { color: #003333 } /* for visited links */
  118: a:active { color: #003333 } /* when link is clicked */
  119: a:hover { color: #003333 } /* when mouse is over link */
  120: 
  121: .bodywhite
  122: {
  123:         font-size: 12px; font-family: arial,verdana,sans-serif;
  124:         line-height: 14px; color: #ffffff;
  125: }
  126: 
  127: 
  128: .bodyblue
  129: {
  130:         font-size: 12px; font-family: arial,verdana,sans-serif;
  131:         line-height: 14px; color: #000000;
  132: }
  133: 
  134: 
  135: .headlineblue
  136: {
  137:         font-size: 21px; font-family: arial,verdana,sans-serif;
  138:         line-height: 24px; color: #01197D;
  139: }
  140: 
  141: 
  142: .buttonwhite
  143: {
  144:         font-size: 13px; font-weight: bold; font-family: arial, Trebuchet MS, verdana, helvetica, san-serif;
  145:         line-height: 15px; color: #000000; text-align: center; background: #FFFFFF; padding: 4px;
  146: }
  147: 
  148: span.nobreak {      
  149:   white-space: nowrap;
  150: }
  151: 
  152: hr.login {
  153:    height: 2px;
  154:    border-top: 1px;
  155:    color: #ccccff;
  156:    background-color: #ccccff;
  157: }
  158: 
  159: div.divider {
  160:     display: block;
  161:     background-color:#006699;
  162:     width:100%;
  163:     height:5px;
  164:     color:#000000;
  165:     margin:0px;
  166: }
  167: