git.sesse.net Git - vlc/blob - share/lua/http/css/main.css

   1 root {
   2     display: block;
   3 }
   4 body{
   5 }
   6 #mainContainer{
   7         text-align: center;
   8         width: 800px;
   9 }
  10 #controlContainer{
  11         width: 800px;
  12 }
  13 #libraryContainer{
  14         width: 800px;
  15         margin-top: 2px;
  16 }
  17 #libraryTree{
  18         height: 300px;
  19         overflow: auto;
  20         white-space: nowrap;
  21         text-align: left;
  22 }
  23 #viewContainer{
  24         width: 800px;
  25 }
  26 #mediaViewer{
  27         min-height: 500px;
  28         background-color:#222;
  29 }
  30 #player{
  31         top:0px;
  32         height: 500px;
  33         width: 500px;
  34         background-color:#222;
  35 }
  36 #seekSlider{
  37         width: 98%;
  38         margin-left:5px;
  39 }
  40 #volumeSlider{
  41         width: 100px;
  42         display: inline-block;
  43 }
  44 #currentVolume{
  45         display: inline-block;
  46 }
  47 #mediaTitle{
  48         position: absolute;
  49         top: 0px;
  50         left: 10px;
  51         width: 600px;
  52         text-align: center;
  53         padding: 5px;
  54         overflow: auto;
  55 }
  56 #currentTime{
  57         margin-top:-40px;
  58         float: left;
  59         text-align: left;
  60 }
  61
  62 #totalTime{
  63         margin-top:-40px;
  64         float: right;
  65         text-align: right;
  66 }
  67
  68 #controlTable{
  69         position:relative;
  70         height: 150px;
  71 }
  72 #controlButtons{
  73         position: absolute;
  74         top: 80px;
  75         left: 10px;
  76         padding: 0;
  77         margin: 0;
  78         text-align: left;
  79 }
  80
  81 .buttonszone{
  82         position:absolute;
  83         width: 20px;
  84         margin-left:-20px;
  85         vertical-align:top;
  86         padding:0px;
  87         font-size:0px;
  88         line-height:0px;
  89 }
  90
  91 #buttonszone1 {
  92         top: 200px;
  93 }
  94
  95 #buttonszone2 {
  96         top: 20px;
  97 }
  98
  99 .buttonszone li{
 100         float:left;
 101         clear:left;
 102         font-size:0px;
 103 }
 104
 105 .buttonszone li span{
 106         float:left
 107 }
 108
 109 .buttonszone_active {
 110         margin-top: 0px;
 111         width: 120px;
 112         margin-left:-122px;
 113         font-size:10px;
 114         line-height:16px;
 115 }
 116
 117 .buttonszone_active li {
 118         width:120px;
 119 }
 120
 121
 122 #volumesliderzone{
 123         position: absolute;
 124         top: 105px;
 125         left: 410px;
 126         width: 210px;
 127 }
 128
 129 #volumeSlider{
 130         width: 208px;
 131 }
 132 #libraryTree ul li a {
 133         border:none;
 134 }
 135 #artszone{
 136         position: absolute;
 137         top: 0px;
 138         right: 10px;
 139         width: 150px;
 140         height: 150px;
 141         vertical-align: top;
 142 }
 143
 144 #seekContainer{
 145         position:absolute;
 146         left: 5px;
 147         top: 55px;
 148         width: 79%;
 149         vertical-align: bottom;
 150 }
 151
 152 .button48{
 153         width: 48px;
 154         height: 48px;
 155         margin: 5px 0px 5px 2px;
 156         background: none;
 157         border: none;
 158         display: inline-block;
 159         list-style: none;
 160         float:left;
 161         cursor: pointer;
 162         background-image: url("../images/buttons.png");
 163         background-repeat: no-repeat;
 164 }
 165 .button48:hover{
 166         filter: alpha(opacity:0.5);
 167         -ms-filter: "alpha(opacity=50)";
 168         -khtml-opacity: 0.50;
 169         -moz-opacity: 0.5;
 170         filter: alpha(opacity=50);
 171         opacity: 0.5;
 172 }
 173
 174 .button{
 175         cursor: pointer;
 176         display: inline-block;
 177 }
 178 #buttonOpen{
 179         background-position: 0px 0px;
 180 }
 181 #buttonStop{
 182         background-position: -576px 0px;
 183 }
 184 .playing {
 185         background-position: -336px 0px;
 186 }
 187 .paused {
 188         background-position: -384px 0px;
 189 }
 190 #buttonPrev{
 191         background-position: -144px 0px;
 192 }
 193 #buttonNext{
 194         background-position: -288px 0px;
 195 }
 196 #buttonFull{
 197         background-position: -192px 0px;
 198 }
 199 #buttonSout{
 200         background-position: -624px 0px;
 201 }
 202 #buttonEQ{
 203         background-position: -48px 0px;
 204 }
 205 #window_browse ol{
 206         list-style-type: none;
 207 }
 208 #window_browse ol li{
 209         list-style-type: none;
 210         float: left;
 211         padding: 5px;
 212 }
 213 .system_icon{
 214         width:80px;
 215         text-align:center;
 216         vertical-align:top;
 217         display: inline-block;
 218         cursor: pointer;
 219         padding: 2px;
 220         border: 1px solid #823D0A;
 221         margin: 2px;
 222         height: 92px;
 223         background-color: #E1E1E1;
 224         overflow: hidden;
 225 }
 226 #window_create_stream table tr td{
 227         font-size: 11px;
 228 }
 229
 230 #window_equalizer div div{
 231         text-align: center;
 232         font-size: 11px;
 233         padding: 0px;
 234 }
 235
 236 #window_equalizer {
 237         height:80px !important ;
 238 }
 239
 240 .eqBand{
 241         margin-bottom: 10px;
 242         margin-top: 10px;
 243         height: 400px;
 244         font-size: 1.5em;
 245 }
 246 .footer{
 247         margin-top: 30px;
 248         text-align: center;
 249         font-size: 11px;
 250 }
 251
 252 div.centered{
 253         margin-left: auto;
 254         margin-right: auto;
 255 }
 256
 257 .hidden{
 258         visibility: hidden;
 259         display: none;
 260 }