houdini/app/assets/stylesheets/nonprofits/manage/main_metrics.css.scss
2020-06-15 10:26:57 -05:00

104 lines
1.6 KiB
SCSS

/* License: AGPL-3.0-or-later WITH WTO-AP-3.0-or-later
Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE */
.nonprofits-manage .main-metrics {
width: 920px;
padding: 20px 20px 0 0;
margin: 0 0 20px 0;
overflow: hidden;
.left {
float: left;
margin-bottom: 10px;
position: relative;
#metric-total-shares {
margin-left: 16px;
.annot {
margin-left: 196px;
}
}
.metric:last-child {
border: none;
}
}
.right {
float: left;
.recent-donors {
margin: 0 0 6px 0;
padding-left: 0;
padding-bottom: 12px;
.name {
color: black;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 146px;
font-size: 12px;
margin-right: 0;
}
.type {
font-weight: 600;
font-size: 12px;
color: #aaa;
margin-left: 12px;
width: 10px;
display: inline-block;
}
.amount {
display: inline-block;
width: 52px;
font-weight: 600;
font-size: 16px;
}
.date {
font-size: 12px;
color: gray;
}
.source {
color: gray;
}
h3 {
margin-top: 0;
font-size: 22px;
color: #888;
line-height: 22px;
}
ul {
list-style-type: none;
margin: 0;
li {
margin: 10px 0 0 0;
.circle-image {
width: 30px; height: 30px;
display: inline-block;
vertical-align: middle;
border-radius: 15px;
}
} //li
li:hover, li:active {
background-color: white;
}
} //ul
.no-donors {
font-size: 18px;
font-weight: 200;
}
} //.recent-donors
} //.right
} //.main-metrics