1: html
     2: {
     3:     
     4: }
     5: 
     6: body
     7: {
     8:     color: #dddddd;
     9:     background-color: #333333;
    10:     font-family: sans;
    11: 
    12: /* if min-height 100% could be made to work, border would be ok */
    13: /*    border: 0.5em solid #333333; */
    14:     padding: 0.5em 0.5em 0.5em 0.5em;
    15: }
    16: 
    17: .undecorated_link:visited,
    18: .undecorated_link:active,
    19: .undecorated_link:focus
    20: {
    21:     border-width: 0px; 
    22:     outline:none;
    23: }
    24: 
    25: /* the main container, holds everything */
    26: #ccc_total_area
    27: {
    28:     color: #000000;
    29:     /* this generates the correct horiz scrollbar _inside_ the border */
    30:     overflow: auto;
    31: 
    32: /* using maximage plugin, not this css3 stuff yet
    33:     background-image: url(http://bla/bla/blah.jpg);
    34:     background-size: 100%; */
    35: }
    36: 
    37: #ccc_browser_bail_area
    38: {
    39:     color: #dddddd;
    40:     font-size: 150%;
    41:     font-family: sans;
    42: }
    43: 
    44: /* required for maximage bg scaling plugin */
    45: img.bgmaximage
    46: {
    47:     position: fixed !important;
    48: }
    49: 
    50: /* required for jqui tabs */
    51: .ui-tabs .ui-tabs-hide
    52: {
    53:      display: none;
    54: }
    55: 
    56: /* edunote: it appears, and I read, that a space between selectors is
    57:             an AND operator, while commas are an OR operator */
    58: 
    59: /* this nicely makes tabs not reflect visited, but probably best
    60:    if this gets narrowed down to just tabs */
    61: .ui-tabs a:active
    62: {
    63:     border-width: 0px; outline:none;
    64: }
    65: .ui-tabs a:focus
    66: {
    67:     border-width: 0px; outline:none;
    68: }
    69: .ui-tabs a:visited
    70: {
    71:     border-width: 0px; outline:none;
    72: }
    73: 
    74: #ccc_main_logo
    75: {
    76:     border-width: 0px; 
    77:     outline:none;
    78: }
    79: 
    80: #ccc_main_logo_text
    81: {
    82:     text-align: right;
    83:     font-size: 200%;
    84:     font-weight: bold;
    85: }
    86: 
    87: #cscc_dz_logo
    88: {
    89:     height: 1.5em;
    90:     width: 1.5em;
    91:     vertical-align: middle;
    92:     border-width: 0px; 
    93:     outline:none;
    94: }
    95: 
    96: #ccc_dyn_pg_left_login
    97: {
    98: }
    99: 
   100: .ccc_dyn_pg_right
   101: {
   102:     text-align: right;
   103:     font-size: 100%;
   104: }
   105: 
   106: #ccc_dyn_pg_bottom_login
   107: {
   108: }
   109: 
   110: #ccc_dyn_pg_left_about
   111: {
   112:     background-color: #cccccc;
   113: 
   114:     /* margin is outside the border */
   115:     margin: 2em 2em 2em 2em;
   116: 
   117:     border: 0.125em solid #000000;
   118: 
   119:     /* padding is inside the border */
   120:     padding: 1.5em 1.5em 1.5em 1.5em;
   121: 
   122:     /* for ie */
   123:     filter: alpha(opacity=77);
   124:     /* css3 for the rest */
   125:     opacity:0.77;
   126: }
   127: 
   128: #ccc_dyn_pg_right_about
   129: {
   130: }
   131: 
   132: #ccc_dyn_pg_bottom_about
   133: {
   134:     text-align: center;
   135:     font-size: 133%;
   136: }
   137: 
   138: 
   139: #ccc_dyn_pg_left_signup
   140: {
   141:     background-color: #cccccc;
   142: 
   143:     /* margin is outside the border */
   144:     margin: 1em 1em 0em 1em;
   145: 
   146:     border: 0.125em solid #000000;
   147: 
   148:     /* padding is inside the border */
   149:     padding: 1.5em 1.5em 1.5em 1.5em;
   150: 
   151:     /* for ie */
   152:     filter: alpha(opacity=77);
   153:     /* css3 for the rest */
   154:     opacity:0.77;
   155: }
   156: 
   157: #ccc_dyn_pg_right_signup
   158: {
   159: }
   160: 
   161: #ccc_dyn_pg_bottom_signup
   162: {
   163:     background-color: #cccccc;
   164: 
   165:     /* margin is outside the border */
   166:     margin: 0em 1em 1em 1em;
   167: 
   168:     border: 0.125em solid #000000;
   169: 
   170:     /* padding is inside the border */
   171:     padding: 1.5em 1.5em 1.5em 1.5em;
   172: 
   173:     /* for ie */
   174:     filter: alpha(opacity=77);
   175:     /* css3 for the rest */
   176:     opacity:0.77;
   177: }
   178: 
   179: #ccc_dyn_pg_left_loggedin
   180: {
   181: }
   182: 
   183: #ccc_dyn_pg_right_loggedin
   184: {
   185: }
   186: 
   187: #ccc_dyn_pg_bottom_loggedin
   188: {
   189: }
   190: 
   191: 
   192: .ccc_credentials_table
   193: {
   194: }
   195: 
   196: 
   197: .ccc_login_prompt
   198: {
   199:     font-weight: bold;
   200:     font-size: 133%;
   201:     font-style: italic;
   202:     white-space: nowrap;
   203: }
   204: 
   205: #login_username_label,
   206: #login_password_label,
   207: #req_username_label,
   208: #req_password_label,
   209: #req_password_vfy_label,
   210: #req_email_label
   211: {
   212:     font-weight: bold;
   213:     font-size: 133%;
   214: }
   215: 
   216: #ccc_button_login_attempt,
   217: #ccc_button_login_clear
   218: {
   219:     font-size: 200%;
   220: }
   221: 
   222: #username, 
   223: #password,
   224: #req_username, 
   225: #req_password, 
   226: #req_password_vfy,
   227: #req_email
   228: {
   229:     font-weight: bold;
   230:     border: 0.125em solid #333333; 
   231:     padding: 0.125em 0.5em 0.125em 0.5em;
   232: }
   233: 
   234: #req_username_advice_text,
   235: #req_password_advice_text
   236: {
   237:     font-weight: normal;
   238:     font-size: normal;
   239: }
   240: 
   241: #credentials_area_backdrop
   242: {
   243:     background-color: #cccccc;
   244: 
   245: 
   246:     /* margin is outside the border */
   247:     margin: 1em 1em 0em 1em;
   248: 
   249:     border: 0.125em solid #000000;
   250: 
   251:     /* padding is inside the border */
   252:     padding: 0.5em 0.5em 0.5em 0.5em;
   253: 
   254:     /* for ie */
   255:     filter: alpha(opacity=77);
   256:     /* css3 for the rest */
   257:     opacity:0.77;
   258: }
   259: 
   260: #req_sapcha
   261: {
   262:     font-size: 100%;
   263:     color: #ffffff;
   264: 
   265:     background-color: #333333;
   266: 
   267:     /* margin is outside the border */
   268: 
   269:     margin: 1em 1em 1em 1em;
   270: 
   271:     border: 0.125em solid #000000;
   272: 
   273:     /* padding is inside the border */
   274:     padding: 0.5em 0.5em 0.5em 0.5em;
   275: 
   276:     /* for ie */
   277:     filter: alpha(opacity=77);
   278:     /* css3 for the rest */
   279:     opacity:0.77;
   280: }
   281: 
   282: #ccc_login_server_response
   283: {
   284:     background-color: #cccccc;
   285: 
   286:     font-size: 67%;
   287:     font-weight: bold;
   288:     text-align: center;
   289: 
   290:     /* margin is outside the border */
   291:     margin: 1em 1em 1em 1em;
   292: 
   293:     border: 0.125em solid #000000;
   294: 
   295:     /* padding is inside the border */
   296:     padding: 0.5em 0.5em 0.5em 0.5em;
   297: 
   298:     /* for ie */
   299:     filter: alpha(opacity=77);
   300:     /* css3 for the rest */
   301:     opacity:0.77;
   302: }
   303: 
   304: .ccc_label
   305: {
   306:     margin-top: 1em;
   307: }
   308: 
   309: .ccc_button
   310: {
   311:     border: 0.125em solid; 
   312:     border-color: #111111;
   313:     color: #aaffaa;
   314:     font-weight: normal;
   315:     font-size: 133%;
   316: }
   317: 
   318: #loggedin_tabs
   319: {
   320:     font-size: 100%;
   321: }
   322: