contribute-status-report-community-info.css in Contribute 8
Seven theme specific styles for the Contribute System Status Community info.
See also
core/themes/seven/css/components/system-status-report-general-info.css
File
css/contribute-status-report-community-info.cssView source
- /**
- * @file
- * Seven theme specific styles for the Contribute System Status Community info.
- *
- * @see core/themes/seven/css/components/system-status-report-general-info.css
- */
-
- .contribute-status-report-community-info {
- border: 1px solid #ccc;
- border-radius: 3px;
- margin-bottom: 25px;
- }
-
- .contribute-status-report-community-info__header {
- background-color: #f5f5f2;
- padding: 10px;
- margin: 0;
- overflow: hidden;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- font-size: 14px;
- text-transform: uppercase;
- }
-
- .contribute-status-report-community-info__item {
- background: #fcfcfa;
- border-top: 1px solid #ccc;
- padding: 10px 10px 20px;
- box-sizing: border-box;
- overflow-x: auto;
- }
-
- .contribute-status-report-community-info__item-icon {
- display: inline-block;
- height: 55px;
- width: 55px;
- vertical-align: top;
- }
- .contribute-status-report-community-info__item-icon:before {
- content: "";
- background-size: 45px;
- background-position: 50% center;
- background-repeat: no-repeat;
- width: 100%;
- height: 100%;
- display: block;
- }
- .contribute-status-report-community-info__item-icon--account:before {
- background-image: url(../images/icons/cccccc/account.svg);
- }
- .contribute-status-report-community-info__item-icon--membership:before {
- background-image: url(../images/icons/cccccc/membership.svg);
- }
- .contribute-status-report-community-info__item-icon--contribution:before {
- background-image: url(../images/icons/cccccc/contribution.svg);
- }
-
- .contribute-status-report-community-info__item-details {
- box-sizing: border-box;
- display: inline-block;
- width: calc(100% - 60px);
- padding-left: 10px; /* LTR */
- position: relative;
- }
- [dir="rtl"] .contribute-status-report-community-info__item-details {
- padding-right: 10px;
- padding-left: 0;
- }
-
- .contribute-status-report-community-info__item-details .button {
- margin: 1em 0 0 0;
- }
-
- @media screen and (min-width: 48em) {
- .contribute-status-report-community-info__items {
- display: flex;
- flex-wrap: wrap;
- overflow-x: hidden;
- }
-
- .contribute-status-report-community-info__item {
- flex: 1;
- flex-basis: 33%;
- width: 33%;
- }
-
- .contribute-status-report-community-info__item:nth-child(2),
- .contribute-status-report-community-info__item:nth-child(3) {
- border-left: 1px solid #ccc; /* LTR */
- }
- [dir="rtl"] .contribute-status-report-community-info__item:nth-child(1),
- [dir="rtl"] .contribute-status-report-community-info__item:nth-child(2) {
- border-left: 1px solid #ccc;
- }
- }
-
- @media screen and (min-width: 60em) {
- .contribute-status-report-community-info__item-icon {
- width: 55px;
- height: 55px;
- }
- .contribute-status-report-community-info__item-icon:before {
- background-size: 45px;
- }
- }
-
- @media screen and (max-width: 48em) {
- .contribute-status-report-community-info__header {
- display: none;
- }
- .contribute-status-report-community-info {
- border-top: 0;
- margin-top: 25px;
- }
- }