psportal-murray/members.css
2019-02-17 19:40:33 -07:00

417 lines
5.4 KiB
CSS

@CHARSET "UTF-8";
html {
margin: 0;
padding: 0;
}
body {
/*
font: 755 georgia, sans-serif;
line-height: 1.0; */
//color: #1010FF;
color: #EEEEEE;
//background: #FFFFFF;
background: #010101;]
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;
}
a:visited {
font-weight: bold;
text-decoration: none;
//color: #111111;
//color: #ee82ee;
color: #EEEEEE;
}
abbr {
border-bottom: none;
}
#BodyDiv {
display: inline-block;
margin: auto;
width: 100%;
/*h-align: center;*/
}
.masthead {
position: -webkit-sticky;
position: sticky;
//position: fixed;
top: 0;
width: 100%;
text-align: center;
//color: #ff0000;
color: #010101;
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: grey;
}
.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;
background-color: #010101;
color: #EEEEEE;
}
table, th {
//border: 1px solid black;
border: 1px solid white;
/*
position: -webkit-sticky;
position: sticky;
top: 20;
*/
}
tr:nth-child(even) {
background-color: #484848;
color: #EEEEEE;
}
tr:nth-child(odd) {
background-color: #010101;
color: #EEEEEE;
}
.BriefTable {
overflow-y:auto;
/*float: right;*/
}
tr:nth-child(even).Undecorated {
background-color: #FFFFFF;
}
td.centerAlign {
text-align: center;
}
td.rightAlign {
text-align: right;
}
td.padLeftAndRight {
padding-left: 2px;
padding-right: 2px;
}
.FloatLeft50Div {
display: block-inline;
float: left;
/*clear: left;*/
width: 45%;
margin: 10px;
}
.NewClassDiv label {
//float: left;
width: 25%;
text-align: right;
//padding: 20px;
margin: 5px;
}
.NewClassDiv input {
//float: left;
//width: 35%;
margin: 3px;
}
#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;
}
#TransactionEditorDiv {
position: fixed;
top: initial;
right: 0;
background-color: green;
border: 2px solid blue;
}
.transactionDetailDiv {
background-color: #800040;
/* width: 65%; */
width: auto;
//display: inline;
border: 2px solid;
padding: 10px;
}
.transactionDetailElement {
display: inline-block;
outline-style: solid;
outline-color: invert;
outline-width: thin;
border: 0px;
padding: 0px;
margin: 0px;
}
.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) {
background-color: #484848;
color: #EEEEEE;
}
.memberDetailTable tr:nth-child(odd) {
background-color: #010101;
color: #EEEEEE;
}
.memberDetailReport {
//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%;
}
.MemberEditorIconPicture {
width:48px;
height:48px;
}
.sticky {
position: sticky;
top: 5;
}
#CourseEditorDiv {
//display: inline-block;
//display: block;
//display: inline;
//position: -webkit-sticky;
//position: sticky;
//postition: absolute;
//top: 5;
position: fixed;
top: initial;
right: 0;
//left: 5;
width: 45%;
//float: right;
background-color: green;
border: 2px solid blue;
z-index: -5;
}
.footer {
display: inline-block;
width: 100%;
color: #EEEEEE;
background-color: #010101;
//background-color: #1010FF;
}
.readMe {
width: 90%;
align: center;
padding: 5%;
left: 5%;
right: 5%;
}