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

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