git.dj3c1t.com Git - mw_sourceml/blob - app/out/default/css/actions/sources.css

   1 /* ------------------------------- liste groupes ----------- */
   2
   3 ul.groupes
   4 { list-style-type: none;
   5 }
   6
   7 ul.groupes li
   8 { margin: 10px 10px 10px 100px;
   9   padding: 0px;
  10 /*  float: left;*/
  11   width: 370px;
  12 }
  13
  14 ul.groupes li h4
  15 { font-size: 16px;
  16   margin: 0px;
  17   padding: 0px;
  18 }
  19
  20 ul.groupes li h4 a
  21 { display: block;
  22   padding: 5px;
  23   width: 370px;
  24   height: 100px;
  25 }
  26
  27 ul.groupes li h4 a img
  28 { display: block;
  29   float: left;
  30 }
  31
  32 ul.groupes li h4 a span
  33 { float: right;
  34   display: block;
  35   padding: 3px;
  36   text-align: right;
  37   width: 238px;
  38 }
  39
  40 ul.groupes li .infos li
  41 { margin: 0px 0px 0px 5px;
  42   padding: 0px;
  43 }
  44
  45 /* ------------------------------- page groupe ----------- */
  46
  47 .description
  48 { padding: 15px 50px 15px 50px;
  49   font-size: 0.9em;
  50 }
  51
  52 .description p
  53 { text-align: justify;
  54 }
  55
  56 /* ------------------------------- page album ----------- */
  57
  58 p#play_all
  59 {
  60 }
  61
  62 p#play_all a
  63 { display: block;
  64   float: right;
  65   margin: 0px 20px 15px 25px;
  66   padding: 5px 7px 5px 37px;
  67   line-height: 25px;
  68 }
  69
  70 /* ------------------------------- groupe box (colonne) --- */
  71
  72 .logo_groupe
  73 { text-align: center;
  74   height: 150px;
  75   width: 220px;
  76 }
  77
  78 #colonne ul#album_links
  79 { margin: 32px 18px 0px 0px;
  80 }
  81
  82 #colonne ul#album_links li
  83 { list-style-type: none;
  84   margin: 0px;
  85   padding: 0px;
  86 }
  87
  88 #colonne ul#album_links li a
  89 { display: block;
  90   padding: 5px 5px 0px 5px;
  91 }
  92
  93 #colonne ul.menu_albums
  94 { list-style-type: none;
  95   margin-left: 0px;
  96   margin: 0px 0px 10px 0px;
  97 }
  98
  99 #colonne ul.menu_albums li
 100 { margin-left: 0px;
 101   width: 220px;
 102   margin: 5px 0px 5px 0px;
 103 }
 104
 105 #colonne ul.menu_albums li a
 106 { display: block;
 107   height: 90px;
 108   padding: 5px;
 109 }
 110
 111 #colonne ul.menu_albums li a span
 112 { display: block;
 113   float: right;
 114   padding: 10px 5px 0px 5px;
 115 }
 116
 117 ul#lien_contact
 118 { margin: 20px 18px 0px 0px;
 119   padding: 0px;
 120 }
 121
 122 ul#lien_contact li
 123 { list-style-type: none;
 124   margin: 0px;
 125   padding: 0px;
 126 }
 127
 128 ul#lien_contact li a
 129 { display: block;
 130   text-align: right;
 131   padding: 5px 5px 0px 5px;
 132 }
 133
 134 /* ------------------------------- albums (page groupe) --- */
 135
 136 #center ul.menu_albums
 137 { margin: 32px 18px 0px 0px;
 138 }
 139
 140 #center ul.menu_albums li
 141 { list-style-type: none;
 142   margin: 0px;
 143   padding: 0px;
 144 }
 145
 146 #center ul.menu_albums li a
 147 { display: block;
 148   padding: 5px 5px 0px 5px;
 149 }
 150
 151 #center h3.menu_albums
 152 { margin: 0px 0px 10px 10px;
 153 }
 154
 155 #center ul.menu_albums
 156 { list-style-type: none;
 157   margin-left: 0px;
 158   margin: 0px 0px 10px 10px;
 159 }
 160
 161 #center ul.menu_albums li
 162 { margin-left: 0px;
 163   width: 220px;
 164   margin: 5px 0px 5px 10px;
 165 /*  float: left;*/
 166 }
 167
 168 #center ul.menu_albums li a
 169 { display: block;
 170   height: 90px;
 171   padding: 5px;
 172 }
 173
 174 #center ul.menu_albums li a span
 175 { display: block;
 176   float: right;
 177   padding: 10px 5px 0px 5px;
 178   max-width: 100px;
 179 }
 180
 181 /* ------------------------ blocs source -------------------- */
 182
 183 ul.sources
 184 { list-style-type: none;
 185 }
 186
 187 ul.sources li
 188 { margin: 10px 5px 0px 5px;
 189   padding: 5px;
 190 }
 191
 192 .playing_download
 193 { padding: 5px;
 194   margin-top: 10px;
 195 }
 196
 197 .sources h5
 198 { font-size: 1em;
 199   padding: 3px 10px 3px 10px;
 200 }
 201
 202 .sources h5 span
 203 { font-weight: normal;
 204 }
 205
 206 .sources h5 span.small
 207 { font-size: 0.9em
 208 }
 209
 210 .sources h5 .auteur
 211 { float: right;
 212   font-weight: normal;
 213 }
 214
 215 .licence
 216 { float: right;
 217   margin: 3px 10px 0px 0px;
 218   text-align: right;
 219 }
 220
 221 ul.documents
 222 { list-style-type: none;
 223 }
 224
 225 ul.documents li
 226 { margin: 0px;
 227   padding: 0px;
 228   clear: left;
 229 }
 230
 231 /* ------ player */
 232
 233 .loading_player{
 234   opacity: 0.5;
 235   background-image: url(../../icons/player_loading.gif);
 236   background-position: center;
 237   background-repeat: no-repeat;
 238 }
 239
 240 .player_progress
 241 { width: 100%;
 242   height: 5px;
 243   font-size: 1px;
 244   line-height: 1px;
 245   overflow: hidden;
 246   margin: 0px 0px 0px 0px;
 247   position: relative;
 248   cursor: pointer;
 249 }
 250
 251 .player_progress .loaded
 252 { width: 0;
 253   height: 5px;
 254 }
 255
 256 .player_progress .position
 257 { width: 0;
 258   height: 5px;
 259   position: absolute;
 260   top: 0px;
 261 }
 262
 263 .player_controls, .no_player
 264 { margin: 2px 5px 0 0;
 265   float: left;
 266   width: 40px;
 267 }
 268
 269 .player_controls a
 270 { text-decoration: none;
 271 }
 272
 273 .player_controls a.pause
 274 { display: none;
 275 }
 276
 277 .player_controls a.stop
 278 { display: none;
 279 }
 280
 281 /* ------ pistes / derivations */
 282
 283 .block_list_toggle
 284 { font-weight: normal;
 285   font-size: 0.8em;
 286   position: relative;
 287   top: -2px;
 288 }
 289
 290 .pistes
 291 { margin: 0px 13px 10px 45px;
 292   padding-left: 0px;
 293 }
 294
 295 .derivation
 296 { margin: 0px 13px 10px 45px;
 297   padding-left: 0px;
 298 }
 299
 300 .source_arbo h3
 301 { padding-left: 35px;
 302 }
 303
 304 .derivation h3
 305 { font-size: 1em;
 306   padding-left: 35px;
 307   font-weight: normal;
 308 }
 309
 310 .pistes h3
 311 { font-size: 1em;
 312   padding-left: 35px;
 313   font-weight: normal;
 314 }
 315
 316 .no_source
 317 { margin: 5px 5px 10px 15px;
 318   font-style: italic;
 319   font-size: 0.9em;
 320 }
 321
 322 .source_arbo ul.menu_source
 323 { margin: 5px 0px 0px 0px;
 324   padding: 0px;
 325   list-style-type: none;
 326 }
 327
 328 .source_arbo ul.menu_source li
 329 { margin: 0px;
 330   padding: 0px;
 331 }
 332
 333 /* ------------------------------- liste groupes ----------- */
 334
 335 ul.groupes li h4 a
 336 { border: solid 1px #d9d9d9;
 337   border-radius: 3px 3px 3px 3px;
 338   -moz-border-radius: 3px 3px 3px 3px;
 339 }
 340
 341 /* ------------------------------- page album ----------- */
 342
 343 p#play_all a
 344 { border: solid 1px #c0c0c0;
 345   border-radius: 3px 3px 3px 3px;
 346   -moz-border-radius: 3px 3px 3px 3px;
 347   background-image: url("../icons/ecouter.png");
 348   background-repeat: no-repeat;
 349   background-position: 6px 6px;
 350   background-color: #ffffff;
 351 }
 352
 353 /* ----------------------------------- sources --------- */
 354
 355 ul.albums li a
 356 { border: solid 1px #555555;
 357 }
 358
 359 .logo_groupe
 360 { /*border: solid 1px #e9e9e9;*/
 361   background-color: #ffffff;
 362   border-radius: 3px 3px 3px 3px;
 363   -moz-border-radius: 3px 3px 3px 3px;
 364 }
 365
 366 ul#lien_contact li a
 367 { border-bottom: solid 1px #d9d9d9;
 368 }
 369
 370 #colonne ul#album_links
 371 { /*border-bottom: solid 1px #333333;*/
 372 }
 373
 374 #colonne ul#album_links li
 375 {
 376 }
 377
 378 #colonne ul.menu_albums li
 379 { border: solid 1px #d9d9d9;
 380   background-color: #ffffff;
 381 }
 382
 383 #center ul.menu_albums li
 384 { border: solid 1px #d9d9d9;
 385   float: left;
 386 }
 387
 388 .track
 389 { border: solid 1px #ffffff;
 390   border-radius: 3px 3px 3px 3px;
 391   -moz-border-radius: 3px 3px 3px 3px;
 392 }
 393
 394 .track h5
 395 { background-color: #ffffff;
 396   border-radius: 3px 3px 0px 0px;
 397   -moz-border-radius: 3px 3px 0px 0px;
 398 }
 399
 400 .playing_track
 401 { border: solid 1px #dedede;
 402   background-color: #ffffff;
 403   border-radius: 3px 3px 3px 3px;
 404   -moz-border-radius: 3px 3px 3px 3px;
 405 }
 406
 407 .player_progress
 408 { background-color: #ececec;
 409 }
 410
 411 .player_progress .loaded
 412 { background-color: #dedede;
 413 }
 414
 415 .player_progress .position
 416 { background-color: #999999;
 417 }
 418
 419 .player_controls a img
 420 { border: none;
 421 }
 422
 423 .source_arbo ul.menu_source
 424 { float: right;
 425   margin: 0px 10px 1px 0px;
 426 }
 427
 428 .source_arbo ul.menu_source li
 429 { float: right;
 430   padding: 1px;
 431 }
 432
 433 .source_arbo ul.menu_source li a
 434 { display: block;
 435   text-align: center;
 436   background-color: #151515;
 437   border-radius: 3px 3px 0px 0px;
 438   -moz-border-radius: 3px 3px 0px 0px;
 439   padding: 2px 5px 2px 5px;
 440 }
 441
 442 .source_arbo ul.menu_source li a:hover
 443 {
 444 }
 445
 446 .source_arbo ul.menu_source li.icon a
 447 { border: none;
 448   padding: 2px 2px 2px 2px;
 449 }
 450
 451 .pistes
 452 { border-left: none;
 453 }
 454
 455 .derivation
 456 { border-left: none;
 457 }
 458
 459 .loading
 460 { background-image: url("../icons/ajax-loader.gif");
 461   background-repeat: no-repeat;
 462   background-position: 5px 5px;
 463 }