| // |
| // donorlist.less |
| // -------------------------------------------------- |
| |
| .donorList { |
| width:100%; |
| padding:0px; |
| margin:0px; |
| border:1px solid #888; |
| .donorHeader { |
| td { |
| font-weight:bold; |
| height:25px; |
| border-bottom:1px solid #888; |
| padding: 0 3px 0 3px; |
| } |
| } |
| .donorRecord { |
| td { |
| border-bottom:1px solid #ccc; |
| padding: 3px; |
| } |
| } |
| } |
| .pager { |
| width: 100%; |
| } |
| .donorListMessage { |
| max-width:600px; |
| } |
| .eclipse-login { |
| padding-top: 5px; |
| } |
| .eclipse-login-label { |
| padding-top: 3px; |
| padding-right: 5px; |
| font-weight: bold; |
| float: left; |
| } |
| .save-button { |
| margin-top: 10px; |
| } |
| .sideitem { |
| & > table { |
| padding-bottom: 0; |
| margin-bottom: 0; |
| & > tbody { |
| & > tr { |
| & > td { |
| border: none; |
| padding-left: 12px; |
| padding-right: 12px; |
| } |
| } |
| } |
| } |
| & > a { |
| margin: 12px; |
| } |
| } |
| div.donation-box { |
| div.background-purple { |
| height: 12em; |
| } |
| } |
| .donation-box { |
| h2 { |
| font-weight: bold; |
| color: grey; |
| } |
| } |
| .you-get-label { |
| text-align: left; |
| font-weight: bold; |
| margin-top: 0; |
| padding-top: 2em; |
| padding-left: 2.5em; |
| color:#fff; |
| } |
| .donation-benefits { |
| width: 95%; |
| height: 80%; |
| padding-left: 2.5em; |
| text-align: left; |
| } |
| #best-friends-benefits { |
| border-width: 0.1em; |
| border-style: none solid none solid; |
| border-color: #EFEFEF; |
| } |
| #related-links { |
| padding-left: 2em; |
| } |
| .donation-footer { |
| h2 { |
| font-size: 1.7em; |
| font-weight: bold; |
| color: grey; |
| } |
| } |
| .friends-logo-top { |
| width: 18.5em; |
| } |
| .friends-logo-bot { |
| width: 60px; |
| height: 20px; |
| } |
| .friends-list { |
| padding-top: 1em; |
| li { |
| padding-bottom: 2em; |
| } |
| } |
| #content { |
| div.row { |
| margin-bottom: 2em; |
| } |
| } |
| #custom-donation { |
| background-color: #FAFAFA; |
| padding-top: 2em; |
| padding-bottom: 1em; |
| } |
| #donation-amount { |
| float: left; |
| padding: 0.7em; |
| width: 11em; |
| } |
| .donation-amount { |
| color: #41337C; |
| } |
| .tshirt-ribbon { |
| position: absolute; |
| top: 0; |
| right: 10px; |
| } |
| #custom-donation-button { |
| width: 10em; |
| padding-left: none; |
| padding-right: none; |
| padding-top: 0.75em; |
| padding-bottom: 0.75em; |
| } |
| .green { |
| color:green; |
| } |
| .red { |
| color:#FF0000; |
| } |
| .invisible { |
| display:none; |
| } |
| .visible { |
| display:inline; |
| } |
| .disabled { |
| background-color:#eee; |
| } |
| .enabled { |
| background-color:none; |
| } |
| .more { |
| font-size:75%; |
| text-align:right; |
| vertical-align:bottom; |
| padding-top:5px; |
| } |
| .info, .success, .warning, .error, .validation { |
| border: 1px solid; |
| margin: 10px 0px; |
| padding:15px 10px; |
| } |
| .info { |
| color: #00529B; |
| background-color: #BDE5F8; |
| } |
| .success { |
| color: #4F8A10; |
| background-color: #DFF2BF; |
| } |
| .warning { |
| color: #9F6000; |
| background-color: #FEEFB3; |
| } |
| .error { |
| color: #D8000C; |
| background-color: #FFBABA; |
| } |
| .friend-images { |
| & > div { |
| height: 140px; |
| } |
| .user-picture { |
| text-align: center; |
| padding: 20px; |
| } |
| } |