126 lines
2.2 KiB
CSS
126 lines
2.2 KiB
CSS
|
.o-members {}
|
||
|
.o-members-category {
|
||
|
border-left: solid 8px #EEE;
|
||
|
border-bottom: solid 1px #EEE;
|
||
|
margin: 32px 0;
|
||
|
padding: 0 0 0 16px;
|
||
|
}
|
||
|
.o-members-category:first-child {
|
||
|
margin-top: 0;
|
||
|
}
|
||
|
.o-members-nav {
|
||
|
margin: 0 0 10px;
|
||
|
padding: 0;
|
||
|
list-style: none;
|
||
|
}
|
||
|
.o-members-nav:after {
|
||
|
content: "";
|
||
|
clear: both;
|
||
|
display: block;
|
||
|
height: 0;
|
||
|
visibility: hidden;
|
||
|
}
|
||
|
.o-members-nav li {
|
||
|
float: left;
|
||
|
}
|
||
|
.o-members-nav li + li {
|
||
|
margin-left: 8px;
|
||
|
}
|
||
|
.o-members-nav li a {
|
||
|
display: inline-block;
|
||
|
line-height: 23px;
|
||
|
padding: 5px 8px;
|
||
|
height: 23px;
|
||
|
background-color: #ccc;
|
||
|
border-radius: 3px;
|
||
|
}
|
||
|
.o-members-nav li.active a {
|
||
|
color: #FFF;
|
||
|
background-color: #0088CE;
|
||
|
}
|
||
|
.o-members-list {
|
||
|
list-style: none;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
.o-members-list > li {
|
||
|
margin: 24px 0 0 0;
|
||
|
}
|
||
|
.o-members-list > li.odd {}
|
||
|
.o-members-list > li:after {
|
||
|
display: table;
|
||
|
width: 100%;
|
||
|
content: "";
|
||
|
clear: both;
|
||
|
}
|
||
|
.o-members-list > li:first-child {
|
||
|
margin: 0;
|
||
|
}
|
||
|
.o-members-pic {
|
||
|
float: left;
|
||
|
margin: 0 16px 0 0;
|
||
|
}
|
||
|
.o-members-pic img {
|
||
|
display: block;
|
||
|
width: 150px;
|
||
|
height: auto;
|
||
|
}
|
||
|
.o-members-info {
|
||
|
list-style: none;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
float: left;
|
||
|
}
|
||
|
.o-members-info li {}
|
||
|
.o-members-label {}
|
||
|
.o-members-label:after {
|
||
|
display: inline-block;
|
||
|
width: 20px;
|
||
|
content: ":";
|
||
|
}
|
||
|
.o-members-link {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
/* columns view */
|
||
|
.view-columns.o-members.view-columns {}
|
||
|
.view-columns .o-members-category {}
|
||
|
.view-columns .o-members-list {}
|
||
|
.view-columns .o-members-list:after {
|
||
|
display: table;
|
||
|
width: 100%;
|
||
|
content: "";
|
||
|
clear: both;
|
||
|
}
|
||
|
.view-columns .o-members-list > li {
|
||
|
border: solid 1px #eee;
|
||
|
float: left;
|
||
|
width: 48%;
|
||
|
margin: 0 0 4% 4%;
|
||
|
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
.view-columns .o-members-list > li.odd {
|
||
|
margin: 0;
|
||
|
}
|
||
|
.view-columns .o-members-pic {
|
||
|
margin: 16px;
|
||
|
}
|
||
|
.view-columns .o-members-pic img {
|
||
|
width: 100px;
|
||
|
}
|
||
|
.view-columns .o-members-info {
|
||
|
padding: 12px;
|
||
|
padding-left: 0;
|
||
|
float: none;
|
||
|
}
|
||
|
.view-columns .o-members-info li {}
|
||
|
.view-columns .o-members-label {
|
||
|
display: none;
|
||
|
}
|
||
|
.view-columns .o-members-link {
|
||
|
font-size: 1.2em;
|
||
|
}
|