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_sw_dev/themes/openpowerfoundation/assets/css/pages.scss

307 lines
4.2 KiB
SCSS

.disabled {
color: black;
display: inline-block;
pointer-events: none;
text-decoration: none;
}
.boardofdirectors {
article {
h3 {
text-transform: uppercase;
a {
color: black;
}
}
}
.post__article {
&:nth-child(even), &.bg {
background-color: #f7f7f7;
}
}
}
.governance {
.row {
--bs-gutter-x: 0;
}
}
.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;
}
}
}
}
#membersingle {
padding-top: 3.75rem;
}
.events {
.post__article:not(:last-child) {
margin-bottom: 1.75rem;
}
}
.event {
.section-header {
margin-top: 3.75rem;
margin-bottom: 1.25rem;
border-bottom: 2px solid #1b1c1f;
}
h1 {
font-size: 3.75rem;
text-decoration: underline;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 3.25rem;
}
}
.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%;
}
}
}
}
}
}
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 {
padding-top: 6.25rem;
padding-bottom: 2.75rem;
font-size: 18px;
#hubprovider {
display: flex;
min-height: 100px;
a {
text-decoration: underline;
font-size: 16px;
}
ul {
list-style: none;
font-size: 12px;
color: #000;
}
}
#hubprovider:hover {
color: $white;
background-color: $primary;
a {
color: $white;
}
ul {
color: $white;
}
}
}
#hubprovider {
padding-top: 3.75rem;
#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;
}
}
.operatingsystsms ul {
list-style-type: disc;
}
.operatingsystems ul li {
display: inline;
padding-left: 1rem;
padding-right: 1rem;
}
}
.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;
}
}
}
}
}
}
}
#specifications {
padding-top: 3.75rem;
}
#specifications-single {
padding-top: 6.50rem;
}
#lost {
padding-top: 3.75rem;
}
#lost .section-header {
text-align: center;
}
.guide {
padding-top: 3.75rem;
padding-bottom: 1.75rem;
}
.blog-entry {
padding-top: 7.00rem;
padding-bottom: 1.75rem;
h1 {
font-size: 2rem;
font-style: bold;
text-decoration: underline;
}
h2 {
font-size: 1rem;
font-style: italic;
}
h3 {
font-size: 1rem;
}
.tags {
color: #888888;
}
}