SatSale

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

style.css (2361B)

      1 html, body {
      2     display: flex;
      3 }
      4 
      5 body {
      6     /* Background color */
      7     background-color: inherit;
      8 
      9     overflow: hidden;
     10     font-family: "Lucida Console", "Courier New", monospace;
     11 }
     12 
     13 #paybox {
     14     /* SatSale Box color */
     15     background-color: #f7931a;
     16     /* Rounded Corners */
     17     border-radius: 25px;
     18 
     19     font-size: 16px;
     20 
     21     height: 275px;
     22     width:360px;
     23 
     24     padding-left: 20px;
     25     padding-right: 15px;
     26     padding-top: 10px;
     27     padding-bottom: 10px;
     28 
     29     /* Centering */
     30     position: absolute;
     31     left: 50%;
     32     top: 50%;
     33     -webkit-transform: translate(-50%, -50%);
     34     transform: translate(-50%, -50%);
     35 }
     36 
     37 /* Dynamic size on mobile and tablet */
     38 /* Smartphones */
     39 @media only screen and (min-width : 0px) and (max-width : 700px){
     40     #paybox {
     41         width: 80%;
     42         height: auto;
     43     }
     44 }
     45 /* Desktop */
     46 @media only screen and (min-width: 700px){
     47     #paybox {
     48         width: 360px;
     49         height: auto;
     50     }
     51 }
     52 
     53 /* Text style (addresses) */
     54 p {
     55     overflow-wrap: break-word;
     56     word-wrap: break-word;
     57     margin: 0;
     58     padding: 5px;
     59 }
     60 
     61 /* Heading style */
     62 h1 {
     63     font-size: 2em;
     64 }
     65 
     66 .button {
     67     /* Button color then font and font color etc.. */
     68     background-color: black;
     69     font-family: "Lucida Console", "Courier New", monospace;
     70     border: none;
     71     border-radius: 12px;
     72     color: white;
     73 
     74     padding: 10px 15px;
     75     text-align: center;
     76     display: inline-block;
     77     cursor: pointer;
     78 
     79     -webkit-transition-duration: 0.4s; /* Safari */
     80     transition-duration: 0.4s;
     81 }
     82 
     83 .button1 {
     84     box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
     85 }
     86 
     87 
     88 .logo {
     89     padding-top:10px;
     90     padding-left:30px;
     91     float:right;
     92 }
     93 
     94 .qr {
     95     transition: transform .2s;
     96     object-fit: cover;
     97 }
     98 .qr:hover {
     99     -ms-transform: scale(2.5); /* IE 9 */
    100     -webkit-transform: scale(2.5); /* Safari 3-8 */
    101     transform: scale(3);
    102 }
    103 
    104 .donate_input {
    105     background-color: black;
    106     color: white;
    107     font-size: 16px;
    108     border-radius:5px;
    109     display: inline;
    110 }
    111 
    112 #qrImage {
    113     float: right;
    114     /* margin: auto; */
    115     padding-right:15px;
    116     padding-top:25px;
    117 }
    118 
    119 #row {
    120     display: flex;
    121 }
    122  #left {
    123     width: 60%;
    124     padding: 0 0 0 0;
    125     float: left;
    126 }
    127 #right {
    128     width: 40%;
    129     padding: 0 0 0 0;
    130     float: right;
    131 }
    132 #address {
    133     overflow-wrap: break-word;
    134     text-align: right;
    135 }
    136 #about {
    137     color:#000;
    138 }