> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sinosend.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Transfers

### Advanced CSS styling

You can further customize the style of your transfer page by using the styling theme below.

#### Download Button

<Frame>
  <img src="https://mintcdn.com/sinosend/uASYg2dpu7pvbhS8/images/Screenshot-2026-07-05-at-12.29.38-AM.png?fit=max&auto=format&n=uASYg2dpu7pvbhS8&q=85&s=91273fabae57109f6a0002984ef94d49" alt="Screenshot 2026 07 05 At 12 29 38 AM" title="Screenshot 2026 07 05 At 12 29 38 AM" className="mr-auto" width="646" height="112" data-path="images/Screenshot-2026-07-05-at-12.29.38-AM.png" />
</Frame>

```css theme={null}
wa-button.download-link::part(base) {
background: linear-gradient(145deg, #d1005e, #0092D1);
background: blue // 
color: white;
}
```

#### Download Container Box

<Frame>
  <img src="https://mintcdn.com/sinosend/uASYg2dpu7pvbhS8/images/Screenshot-2026-07-05-at-12.34.02-AM.png?fit=max&auto=format&n=uASYg2dpu7pvbhS8&q=85&s=4844c71eedcce88d0466651f21060dc6" alt="Screenshot 2026 07 05 At 12 34 02 AM" width="1342" height="942" data-path="images/Screenshot-2026-07-05-at-12.34.02-AM.png" />
</Frame>

```css expandable twoslash theme={null}
   .container {
    width: 95%;
    max-width: 650px;
    backdrop-filter: blur(17px) saturate(180%);
    -webkit-backdrop-filter: blur(17px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid var(--myBorderLine);
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border-radius: 12px;
    padding: 0.5rem 0;
    padding: 2.5rem 1rem;
    z-index: 2;
}
```

#### Background Banner

<Frame>
  <img src="https://mintcdn.com/sinosend/uASYg2dpu7pvbhS8/images/Screenshot-2026-07-05-at-12.40.21-AM.png?fit=max&auto=format&n=uASYg2dpu7pvbhS8&q=85&s=b88b3c24d27bcb60d1e36483fb0df81c" alt="Screenshot 2026 07 05 At 12 40 21 AM" width="2328" height="696" data-path="images/Screenshot-2026-07-05-at-12.40.21-AM.png" />

  ```css theme={null}

      .xyz-background {
      position: absolute;
      background-repeat: no-repeat;
      background-size: cover;
      top: 0;
      left: 0;
      width: 100%;
      height: 300px;
      box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  }
  ```
</Frame>

#### Sidebar

<Frame>
  <img src="https://mintcdn.com/sinosend/uASYg2dpu7pvbhS8/images/Screenshot-2026-07-05-at-12.49.53-AM.png?fit=max&auto=format&n=uASYg2dpu7pvbhS8&q=85&s=52f8917c9685658c3607f1cecfa09132" alt="Screenshot 2026 07 05 At 12 49 53 AM" width="342" height="966" data-path="images/Screenshot-2026-07-05-at-12.49.53-AM.png" />
</Frame>

```text theme={null}
.contentDiv {
    width: 160px;
    height: 100%;
    position: relative;
    background-color: #edededc3;
    box-shadow: 3px 0px 7px 0px rgba(189, 187, 189, 0.4);
    background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1)), url(/img/wickedbackground.d2f08bf5.svg);
    background-repeat: no-repeat;
    background-size: cover;
    align-self: stretch;
}
```