gonzopi

git clone https://git.tarina.org/gonzopi
Log | Files | Refs | README | LICENSE

style.css (2171B)

      1 body
      2 {
      3     margin: 0px auto;
      4     text-align: center;
      5     background-color:#000;
      6     color: #f4f4f4;
      7     font-family: monospace;
      8     width: 90%;
      9 }
     10 
     11 pre
     12 {
     13     margin: 5px auto;
     14     padding: 3px;
     15     display: inline-block;
     16     color: #fff;
     17 }
     18 
     19 a
     20 {
     21     color: #FCD612;
     22     padding: 5px;
     23 }
     24 
     25 img
     26 {
     27     width: 90%;
     28     max-width: 800px;
     29 }
     30 
     31 #controller a
     32 {
     33     margin-bottom: 20px;
     34     color: #FFF;
     35     line-height:60px;
     36     background-color: #555;
     37     font-size: 30px;
     38     text-decoration: none;
     39     padding: 5px;
     40     border-radius: 10px
     41 }
     42 
     43 #controller a:active
     44 {
     45     margin-bottom: 20px;
     46     color: #000;
     47     line-height:60px;
     48     background-color: #FFF;
     49     font-size: 30px;
     50     text-decoration: none;
     51     padding: 5px;
     52     border-radius: 10px
     53 }
     54 
     55 #controller2 a
     56 {
     57     margin-bottom: 20px;
     58     color: #FFF;
     59     line-height:60px;
     60     background-color: #777;
     61     font-size: 30px;
     62     text-decoration: none;
     63     padding: 5px;
     64     border-radius: 10px
     65 }
     66 
     67 #controller2 a:active
     68 {
     69     margin-bottom: 20px;
     70     color: #000;
     71     line-height:60px;
     72     background-color: #FFF;
     73     font-size: 30px;
     74     text-decoration: none;
     75     padding: 5px;
     76     border-radius: 10px
     77 }
     78 
     79 #controller3 a
     80 {
     81     margin-bottom: 20px;
     82     color: #FFF;
     83     line-height:50px;
     84     background-color: #888;
     85     font-size: 20px;
     86     text-decoration: none;
     87     padding: 5px;
     88     border-radius: 10px
     89 }
     90 
     91 #controller3 a:active
     92 {
     93     margin-bottom: 20px;
     94     color: #000;
     95     line-height:50px;
     96     background-color: #FFF;
     97     font-size: 20px;
     98     text-decoration: none;
     99     padding: 5px;
    100     border-radius: 10px
    101 }
    102 
    103 .player-container {
    104 width: 90vw;           /* 100% of viewport width */
    105 margin: 0 auto;
    106 font-family: Arial, sans-serif;
    107 }
    108 video {
    109 width: 100%;           /* Takes full width of container */
    110 height: auto;          /* Maintains aspect ratio */
    111 display: block;        /* Removes bottom gap */
    112 }
    113 .controls {
    114 padding: 10px;         /* Better spacing on mobile */
    115 text-align: center;    /* Center buttons */
    116 }
    117 /* Optional: Add max-width for very large screens */
    118 @media (min-width: 1200px) {
    119 .player-container {
    120 max-width: 1200px; /* Optional maximum width */
    121 margin: 0 auto;    /* Centers on large screens */
    122 }
    123 }
    124