forked from website/openpower.foundation
				
			
			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.
		
		
		
		
		
			
		
			
				
	
	
		
			225 lines
		
	
	
		
			3.1 KiB
		
	
	
	
		
			SCSS
		
	
			
		
		
	
	
			225 lines
		
	
	
		
			3.1 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: 20%;
 | |
|         }
 | |
|         &:nth-of-type(2) {
 | |
|           width: 15%;
 | |
|         }
 | |
| 
 | |
|         &:nth-of-type(3) {
 | |
|           width: 25%;
 | |
|         }
 | |
| 
 | |
|         &: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;
 | |
|     }
 | |
|     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;
 | |
|     }
 | |
|   }
 | |
| }
 | |
| 
 | |
| 
 | |
| 
 |