gonzopi

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

style2.css (2728B)

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