You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
openpower.foundation/themes/openpowerfoundation/assets/css/pages.scss

233 lines
3.5 KiB
SCSS

// Links disabled
.disabled {
color: black;
display: inline-block;
pointer-events: none;
text-decoration: none;
}
// Board of Directors
.boardofdirectors {
article {
h3 {
text-transform: uppercase;
a {
color: black;
}
}
}
}
// Governance
.governance {
.row {
--bs-gutter-x: 0;
}
}
// Members
.members {
.membership-level {
border-top: 1px solid#1b1c1f;
.box {
min-height: 110px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
a {
text-decoration: none;
color:black;
align-self: center;
}
img {
max-width: 210px;
}
}
}
}
// Events
.events {
.post__article:not(:last-child) {
margin-bottom: 1.75rem;
}
}
// Join
.join {
.membership-data {
table {
margin:auto;
width:100%;
tr {
td {
padding: 10px;
}
&:nth-child(odd) {
background-color: $white;
}
&:nth-child(even) {
background-color: $lightgrey;
}
th {
padding: 10px;
background-color: #dfecf5;
&:nth-of-type(1) {
width: 15%;
}
&:nth-of-type(2) {
width: 20%;
}
&:nth-of-type(3) {
width: 5%;
}
&:nth-of-type(4) {
width: 35%;
}
}
}
}
}
.benefits-data {
table {
margin:auto;
width:100%;
tr {
td {
padding: 10px;
position: relative;
span {
position: absolute;
width: 225px;
display: block;
top: 10px;
left: 10px;
}
}
&:nth-child(odd) {
background-color: $white;
}
&:nth-child(even) {
background-color: $lightgrey;
}
th {
padding:10px;
background-color: #dfecf5;
&:nth-of-type(1) {
width: 60%;
}
&:nth-of-type(2) {
width: 8%;
}
&:nth-of-type(3) {
width: 8%;
}
&:nth-of-type(4) {
width: 8%;
}
&:nth-of-type(5) {
width: 8%;
}
&:nth-of-type(6) {
width: 8%;
}
}
}
}
}
}
// Board of Directors
main.boardofdirectors {
.post__article {
&:nth-child(even),
&.bg {
background-color: #f7f7f7;
}
}
}
// Steering comittee
section#steeringcomittee {
#person {
#person-header {
position: absolute;
}
#personmember
img {
width: 100%;
max-width: 100%;
position: relative;
top: 15px;
}
}
.post__article {
&:nth-child(even),
&.bg {
background-color: #f7f7f7;
}
}
}
// hubproviders
#hubproviders {
#hubprovider {
display: flex;
align-items: center;
min-height: 100px;
a {
white-space: normal;
line-height: 1.2;
font-size: 18px;
min-width: 100%;
}
}
form {
.form-control {
font-size: 14px;
}
}
}
.details {
ul {
list-style-type: none;
padding-left: 0;
}
> ul {
list-style-type: none;
padding-left: 0;
> li {
margin-bottom: 6px;
background-color: #f7f7f7;
padding: 10px 6px;
> ul {
background-color: white;
padding: 10px 6px;
> li {
padding: 5px;
> ul {
display: flex;
flex-wrap: wrap;
border-left: 2px solid #f7f7f7;
> li {
flex: 1 0 50%;
padding: 5px;
}
}
}
}
}
}
}