Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .product-payment-manager {
- display: flex;
- flex-direction: column;
- }
- .product-payment-manager >
- .product-payment-panel:nth-child( n+2 ) {
- margin-top: 10px;
- }
- .product-payment-manager >
- .product-payment-panel >
- div.header {
- padding: 10px;
- font-size: 1.3em;
- background-color: rgba( 0, 0, 0, 0.8 );
- color: white;
- }
- .product-payment-manager >
- .product-payment-panel >
- div.body {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: space-evenly;
- padding-top: 5px;
- border: 1px solid rgba(0,0,0,0.05);
- border-top: 0;
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body {
- display: flex;
- flex-direction: column;
- }
- .product-payment-manager >
- .product-payment.product-payment-panel.edit-mode >
- div.body > ul > li > div.detail-panel > *,
- .product-payment-manager >
- .add-product-payment.product-payment-panel >
- div.body > * {
- width: 49%;
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul {
- display: flex;
- flex-direction: column;
- list-style: none;
- padding: 0px;
- margin: 0px;
- max-height: 700px;
- overflow-y: auto;
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li {
- display: flex;
- height: auto;
- flex-direction: column;
- overflow: overlay;
- flex-shrink: 0;
- flex-grow: 0;
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li.view-mode {
- border: 1px solid rgba(0,0,0,0.2);
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li:nth-child( odd ) >
- .detail-summary-panel {
- background-color: rgba( 0, 0, 0, 0.02 );
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li:nth-child( even ) >
- .detail-summary-panel {
- background-color: rgba( 0, 0, 0, 0.1 );
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li >
- .detail-summary-panel {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li >
- .detail-summary-panel >
- .product-payment-detail-summary-control {
- height: 70px;
- width: 70px;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 2em;
- cursor: pointer;
- flex-shrink: 0;
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li >
- .detail-summary-panel >
- .product-payment-detail-summary-control:hover {
- background-color: rgba( 0, 0, 0, 0.8 );
- color: white;
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li >
- .detail-summary-panel >
- .product-payment-detail-summary-control >
- span {
- font-size: 1.3em;
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li >
- .detail-summary-panel >
- .product-payment-detail {
- flex-grow: 1;
- flex-shrink: 1;
- padding: 5px;
- padding-left: 10px;
- padding-right: 10px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- height: 70px;
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li >
- .detail-summary-panel >
- .product-payment-detail > * {
- text-overflow: ellipsis;
- overflow-x: hidden;
- white-space: nowrap;
- margin: 0px;
- max-width: 500px;
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li >
- .detail-panel.edit-mode {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: space-evenly;
- padding-top: 5px;
- border: 1px solid rgba(0,0,0,0.05);
- border-top: 0;
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li >
- .detail-panel.edit-mode > * {
- width: 49%;
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li >
- .detail-panel >
- dl > dd {
- word-break: break-word;
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li >
- .detail-control-panel {
- display: flex;
- flex-direction: column;
- border-top: 1px solid rgba( 0, 0, 0, 0.05 );
- }
- .product-payment-manager >
- .product-payment-list.product-payment-panel >
- div.body >
- ul > li >
- .detail-control-panel >
- .control-panel {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- padding: 10px;
- height: auto;
- flex-shrink: 0;
- flex-grow: 0;
- }
- .product-payment-control {
- padding-top: 10px;
- border-top: 1.2px solid rgba( 0, 0, 0, 0.3 );
- }
- .product-payment-control >
- .control-group {
- display: flex;
- justify-content: space-between;
- }
Add Comment
Please, Sign In to add comment