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 }
  16 #libraryTree{
  17         height: 300px;
  18         overflow:scroll;
  19         white-space: nowrap;
  20         text-align: left;
  21 }
  22 #viewContainer{
  23         width: 800px;
  24 }
  25 #mediaViewer{
  26         min-height: 500px;
  27 }
  28 #player{
  29         height: 500px;
  30         width: 500px;
  31 }
  32 #seekSlider{
  33         width: 90%;
  34 }
  35 #volumeSlider{
  36         width: 100px;
  37         display: inline-block;
  38         margin-bottom: 20px;
  39 }
  40 #currentVolume{
  41         display: inline-block;
  42         margin-left: -110px;
  43 }
  44 #mediaTitle{
  45         text-align: left;
  46 }
  47 #currentTime{
  48         text-align: left;
  49 }
  50 #totalTime{
  51         text-align: right;
  52 }
  53 #controlButtons{
  54         text-align: left;
  55         width: 380px;
  56 }
  57
  58 #buttonszone{
  59         width: 42px;
  60         vertical-align: top;
  61 }
  62
  63 #volumesliderzone{
  64         margin-left: 20px;
  65 }
  66
  67 #volumeSlider{
  68         width: 200px;
  69 }
  70
  71 #artszone{
  72         width: 141px;
  73         vertical-align: top;
  74 }
  75
  76 #seekContainer{
  77         vertical-align: bottom;
  78 }
  79
  80 .button48{
  81         width: 48px;
  82         height: 48px;
  83         margin: 5px 0px 5px 2px;
  84         background: none;
  85         border: none;
  86         display: inline-block;
  87         cursor: pointer;
  88         background-image: url("../images/buttons.png");
  89         background-repeat: no-repeat;
  90 }
  91 .button{
  92         cursor: pointer;
  93         display: inline-block;
  94 }
  95 #buttonOpen{
  96         background-position: 0px 0px;
  97 }
  98 #buttonStop{
  99         background-position: -576px 0px;
 100 }
 101 .playing {
 102         background-position: -336px 0px;
 103 }
 104 .paused {
 105         background-position: -384px 0px;
 106 }
 107 #buttonPrev{
 108         background-position: -144px 0px;
 109 }
 110 #buttonNext{
 111         background-position: -288px 0px;
 112 }
 113 #buttonFull{
 114         background-position: -192px 0px;
 115 }
 116 #buttonSout{
 117         background-position: -624px 0px;
 118 }
 119 #buttonEQ{
 120         background-position: -48px 0px;
 121 }
 122 #window_browse ol{
 123         list-style-type: none;
 124 }
 125 #window_browse ol li{
 126         list-style-type: none;
 127         float: left;
 128         padding: 5px;
 129 }
 130 .system_icon{
 131         width:80px;
 132         text-align:center;
 133         vertical-align:top;
 134         display: inline-block;
 135         cursor: pointer;
 136         padding: 2px;
 137         border: 1px solid #823D0A;
 138         margin: 2px;
 139         height: 92px;
 140         background-color: #E1E1E1;
 141         overflow: hidden;
 142 }
 143 #window_create_stream table tr td{
 144         font-size: 11px;
 145 }
 146
 147 #window_equalizer div div{
 148         text-align: center;
 149         font-size: 11px;
 150         padding: 0px;
 151 }
 152 .eqBand{
 153         margin-bottom: 10px;
 154         margin-top: 10px;
 155         height: 400px;
 156         font-size: 1.5em;
 157 }
 158 .footer{
 159         margin-top: 30px;
 160         text-align: center;
 161         font-size: 11px;
 162 }
 163
 164 div.centered{
 165         margin-left: auto;
 166         margin-right: auto;
 167 }