gonzopi

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

style2.css (2222B)

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