You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
356 lines
4.9 KiB
356 lines
4.9 KiB
@CHARSET "UTF-8"; |
|
|
|
html { |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
body { |
|
/* |
|
font: 755 georgia, sans-serif; |
|
line-height: 1.0; */ |
|
//color: #1010FF; |
|
//color: #EEEEEE; |
|
color: $010101; |
|
//background: #FFFFFF; |
|
//background: #010101; |
|
background: $EEEEEE; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
p { |
|
margin-top: 0; |
|
text-align: inherit; |
|
} |
|
|
|
a:link { |
|
font-weight: bold; |
|
text-decoration: none; |
|
//color: #111111; |
|
//color: #ee82ee; |
|
//color: #EEEEEE; |
|
color: $010101; |
|
} |
|
|
|
a:visited { |
|
font-weight: bold; |
|
text-decoration: none; |
|
//color: #111111; |
|
//color: #ee82ee; |
|
//color: #EEEEEE; |
|
color: #010101; |
|
} |
|
|
|
abbr { |
|
border-bottom: none; |
|
} |
|
|
|
#BodyDiv { |
|
display: inline-block; |
|
margin: auto; |
|
width: 100%; |
|
/*h-align: center;*/ |
|
} |
|
|
|
.masthead { |
|
text-align: center; |
|
//color: #ff0000; |
|
color: #010101; |
|
background-color: #EEEEEE; |
|
//background-color: #010101; |
|
//background-color: #025fff; |
|
//background-color: #32cd32; |
|
} |
|
|
|
.mastheadgraphic { |
|
/* float: left; */ |
|
|
|
} |
|
|
|
|
|
|
|
#memberDetailPicture { |
|
max-width: 250px; |
|
max-height: 400px; |
|
width: auto; |
|
height: auto; |
|
} |
|
|
|
.memberListThumbnailPicture { |
|
max-width: 80px; |
|
max-height: 120px; |
|
width: auto; |
|
height: auto; |
|
} |
|
|
|
.memberListRow { |
|
height: 120px; |
|
valign: center; |
|
} |
|
|
|
.memberListThumbnailPicture:hover { |
|
max-width: 250px; |
|
max-height: 400px; |
|
width: auto; |
|
height: auto; |
|
overflow: visible; |
|
position: absolute; |
|
//top: 0px; // this does the top of the view port not the cell.... |
|
//left: 0px; |
|
//text-align: top; |
|
|
|
z-index: 5; |
|
} |
|
|
|
.memberReport { |
|
float: right; |
|
} |
|
|
|
#statusCurrent { |
|
color: green; |
|
} |
|
|
|
#statusDue { |
|
color: yellow; |
|
} |
|
|
|
#statusOverdue { |
|
color: red; |
|
} |
|
|
|
#statusContractor { |
|
color: black; |
|
} |
|
|
|
.memberListSearch { |
|
align: center; |
|
} |
|
|
|
.memberDetailPicture { |
|
display: inline; |
|
float: left; |
|
/* |
|
max-width: 250px; |
|
max-height: 400px; |
|
width: auto; |
|
height: auto;*/ |
|
} |
|
|
|
.LoginDiv { |
|
font: Arial, sans-serif; |
|
pasition: absolute; |
|
right: 0px; |
|
width: 300px; |
|
|
|
} |
|
|
|
.LoginLabel { |
|
text-alight: left; |
|
float: left; |
|
} |
|
|
|
.LoginButton { |
|
position: relative; |
|
display: inline-block; |
|
} |
|
|
|
.SignupButton { |
|
position: relative; |
|
display: inline-block; |
|
} |
|
|
|
|
|
.DropdownLogForm { |
|
display: none; |
|
position: absolute; |
|
box-shadow: 0px 8px 16px 0px; |
|
opacity: 1.0; |
|
background-color: #FFFFFF; |
|
color: #000000; /* Needed to prevent transperancy */ |
|
padding: 12px 16px; |
|
z-index: 1; |
|
} |
|
|
|
.LoginButton:onclick .DropdownLogForm { |
|
display: block; |
|
} |
|
|
|
.LoginButton:hover .DropdownLogForm { |
|
display: block; |
|
} |
|
|
|
.BodyDiv { |
|
display: block; |
|
width: 100%; |
|
} |
|
|
|
table { |
|
border-collapse: collapse; |
|
color: #010101; |
|
background-color: #EEEEEE; |
|
//background-color: #010101; |
|
//color: #EEEEEE; |
|
} |
|
|
|
table, th { |
|
//border: 1px solid black; |
|
border: 1px solid white; |
|
} |
|
|
|
tr:nth-child(even) { |
|
color: #010101; |
|
background-color: #EEEEEE; |
|
//background-color: #484848; |
|
//color: #EEEEEE; |
|
} |
|
|
|
tr:nth-child(odd) { |
|
color: #010101; |
|
background-color: #A8A8A8; |
|
//background-color: #484848; |
|
//background-color: #010101; |
|
//color: #EEEEEE; |
|
} |
|
|
|
|
|
.BriefTable { |
|
overflow-y:auto; |
|
/*float: right;*/ |
|
} |
|
|
|
tr:nth-child(even).Undecorated { |
|
background-color: #EEEEEE; |
|
} |
|
|
|
.FloatLeft50Div { |
|
display: block-inline; |
|
float: left; |
|
/*clear: left;*/ |
|
width: 45%; |
|
margin: 10px; |
|
} |
|
|
|
#MemberSignupDiv { |
|
/*position: -webkit-sticky; |
|
position: sticky;*/ |
|
top: 5; |
|
width: 45%; |
|
/* float: right; */ |
|
background-color: cyan; |
|
border: 2px solid blue; |
|
} |
|
|
|
|
|
#ClassTableDiv { |
|
float: left; |
|
width:70%; |
|
margin: 10px; |
|
} |
|
|
|
#MemberEditorDiv { |
|
position: -webkit-sticky; |
|
position: sticky; |
|
top: 5; |
|
width: 45%; |
|
float: right; |
|
background-color: green; |
|
border: 2px solid blue; |
|
} |
|
|
|
.memberDetailTableDiv { |
|
display: inline-block; |
|
background-color: pink; |
|
border: 2px solid; |
|
padding: 10px; |
|
} |
|
|
|
.memberDetailTable { |
|
display: inline-block; |
|
background-color: purple; |
|
//border: 2px solid; |
|
} |
|
|
|
.memberDetailTable tr:nth-child(even) { |
|
color: #010101; |
|
background-color: #EEEEEE; |
|
//background-color: #484848; |
|
//color: #EEEEEE; |
|
} |
|
|
|
.memberDetailTable tr:nth-child(odd) { |
|
color: #010101; |
|
background-color: #484848; |
|
//background-color: #010101; |
|
//color: #EEEEEE; |
|
} |
|
|
|
|
|
.memberDetailReport { |
|
color: #010101; |
|
background-color: #EEEEEE; |
|
//background-color: yellow; |
|
//background-color: #010101; |
|
//color: #EEEEEE; |
|
} |
|
|
|
.MemberEditorInputLabel { |
|
display: inline-block; |
|
float: left; |
|
clear: left; |
|
width: 45%; |
|
} |
|
|
|
.MemberEditorInputLabelTight { |
|
display: inline-block; |
|
width: 15%; |
|
} |
|
|
|
.MemberEditorInputField { |
|
display: inline-block; |
|
//float: left; |
|
} |
|
|
|
.MemberEditorInputFieldTight { |
|
display: inline-block; |
|
width: 10%; |
|
} |
|
|
|
.sticky { |
|
position: sticky; |
|
top: 5; |
|
} |
|
|
|
#CourseEditorDiv { |
|
//display: inline-block; |
|
//display: block; |
|
//display: inline; |
|
//position: -webkit-sticky; |
|
//position: sticky; |
|
top: 5; |
|
//left: 5; |
|
width: 45%; |
|
float: right; |
|
background-color: green; |
|
border: 2px solid blue; |
|
} |
|
|
|
.footer { |
|
display: inline-block; |
|
width: 100%; |
|
color: #010101; |
|
background-color: #EEEEEE; |
|
//color: #EEEEEE; |
|
//background-color: #010101; |
|
//background-color: #1010FF; |
|
} |
|
|
|
|
|
.readMe { |
|
width: 90%; |
|
align: center; |
|
padding: 5%; |
|
left: 5%; |
|
right: 5%; |
|
} |
|
|
|
|