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 ul#album_links
 131 { margin: 32px 18px 0px 0px;
 132 }
 133
 134 #colonne ul#album_links li
 135 { list-style-type: none;
 136   margin: 0px;
 137   padding: 0px;
 138 }
 139
 140 #colonne ul#album_links li a
 141 { display: block;
 142   padding: 5px 5px 0px 5px;
 143 }
 144
 145 #colonne ul.menu_albums
 146 { list-style-type: none;
 147   margin-left: 0px;
 148   margin: 0px 0px 10px 0px;
 149 }
 150
 151 #colonne ul.menu_albums li
 152 { margin-left: 0px;
 153   width: 220px;
 154   margin: 5px 0px 5px 0px;
 155 }
 156
 157 #colonne ul.menu_albums li a
 158 { display: block;
 159   height: 90px;
 160   padding: 5px;
 161 }
 162
 163 #colonne ul.menu_albums li a span
 164 { display: block;
 165   float: right;
 166   padding: 10px 5px 0px 5px;
 167 }
 168
 169 /* ------------------------------- albums (page groupe) --- */
 170
 171 ul.menu_albums{
 172   margin: 32px 18px 0px 0px;
 173   list-style-type: none;
 174   margin-left: 0px;
 175   margin: 0px 0px 10px 10px;
 176 }
 177
 178 ul.menu_albums li{
 179   list-style-type: none;
 180   width: 250px;
 181   padding: 0px;
 182 }
 183
 184 #colonne ul.menu_albums li{
 185   width: auto;
 186 }
 187
 188 ul.menu_albums li a{
 189   margin: 5px 0px 5px 10px;
 190   display: block;
 191   height: 90px;
 192   padding: 5px;
 193   border: solid 1px #d5d5d5;
 194   border-radius: 3px;
 195 }
 196 ul.menu_albums li a:hover{
 197   color: #000066;
 198   background-color: #f5f5f5;
 199 }
 200
 201 ul.menu_albums li a span{
 202   display: block;
 203   float: right;
 204   max-width: 140px;
 205   padding: 10px 5px 0px 5px;
 206   text-align: right;
 207   font-weight: bold;
 208 }
 209
 210 /* ------------------------ blocs source -------------------- */
 211
 212 ul.sources{
 213   list-style-type: none;
 214 }
 215
 216 ul.sources li{
 217   margin: 10px 5px 0px 5px;
 218   padding: 5px;
 219 }
 220
 221 .playing_download{
 222   padding: 5px;
 223   margin-top: 10px;
 224 }
 225
 226 .track{
 227   background-color: #ffffff;
 228   border: solid 1px #d5d5d5;
 229   border-radius: 3px;
 230   box-shadow: 0px 0px 5px #d5d5d5;
 231 }
 232
 233 .track .logo_source{
 234   float: left;
 235 }
 236
 237 .track h1{
 238   font-size: 1.2em;
 239   padding-left: 0;
 240 }
 241 .track h1.with_image{
 242   padding-left: 110px;
 243 }
 244
 245 .track h1 a{
 246   color: #555555;
 247 }
 248 .track h1 a:hover{
 249   text-decoration: underline;
 250 }
 251
 252 .track h3{
 253   font-size: 1.1em;
 254 }
 255
 256 .track ul.authors{
 257   float: right;
 258   padding: 0;
 259   margin: 0;
 260 }
 261 .track ul.authors li{
 262   padding: 0;
 263   margin: 0;
 264 }
 265 .track ul.authors li a{
 266   display: block;
 267   text-align: right;
 268 /*  color: #855e00;*/
 269   padding: 0em 1em;
 270   border-radius: 3px;
 271   margin-bottom: 0.3em;
 272 }
 273 .track ul.authors li a:hover{
 274
 275 }
 276
 277 .licence
 278 { float: right;
 279   margin: 3px 10px 0px 0px;
 280   text-align: right;
 281 }
 282
 283 ul.documents
 284 { list-style-type: none;
 285 }
 286
 287 ul.documents li
 288 { margin: 0px;
 289   padding: 0px;
 290   clear: left;
 291   font-size: 0.8em;
 292 }
 293
 294 /* ------ player */
 295
 296 .loading_player{
 297   opacity: 0.5;
 298   background-image: url(../../icons/player_loading.gif);
 299   background-position: center;
 300   background-repeat: no-repeat;
 301 }
 302
 303 .player_progress
 304 { width: 100%;
 305   height: 5px;
 306   font-size: 1px;
 307   line-height: 1px;
 308   overflow: hidden;
 309   margin: 0px 0px 0px 0px;
 310   position: relative;
 311   cursor: pointer;
 312 }
 313
 314 .player_progress .loaded
 315 { width: 0;
 316   height: 5px;
 317 }
 318
 319 .player_progress .position
 320 { width: 0;
 321   height: 5px;
 322   position: absolute;
 323   top: 0px;
 324 }
 325
 326 .player_controls, .no_player
 327 { margin: 2px 5px 0 0;
 328   float: left;
 329   width: 40px;
 330 }
 331
 332 .player_controls a
 333 { text-decoration: none;
 334 }
 335
 336 .player_controls a.pause
 337 { display: none;
 338 }
 339
 340 .player_controls a.stop
 341 { display: none;
 342 }
 343
 344 /* ------ pistes / derivations */
 345
 346 .block_list_toggle
 347 { font-weight: normal;
 348   font-size: 0.8em;
 349   position: relative;
 350   top: -2px;
 351 }
 352
 353 .pistes
 354 { margin: 0px 13px 10px 13px;
 355   padding-left: 0px;
 356 }
 357
 358 .derivation
 359 { margin: 0px 13px 10px 13px;
 360   padding-left: 0px;
 361 }
 362
 363 .source_arbo h3{
 364   font-size: 1em;
 365   font-weight: bold;
 366   padding-left: 13px;
 367   color: #444444;
 368 }
 369
 370 .derivation h3{
 371   font-size: 1em;
 372   font-weight: bold;
 373   padding-left: 13px;
 374   color: #444444;
 375 }
 376
 377 .pistes h3{
 378   font-weight: bold;
 379   padding-left: 13px;
 380   color: #444444;
 381 }
 382
 383 .no_source
 384 { margin: 5px 5px 10px 15px;
 385   font-style: italic;
 386   font-size: 0.9em;
 387 }
 388
 389 .source_arbo ul.menu_source
 390 { margin: 5px 0px 0px 0px;
 391   padding: 0px;
 392   list-style-type: none;
 393 }
 394
 395 .source_arbo ul.menu_source li
 396 { margin: 0px;
 397   padding: 0px;
 398 }
 399
 400 /* ------------------------------- page album ----------- */
 401
 402 p#play_all a{
 403   border-radius: 3px 3px 3px 3px;
 404   -moz-border-radius: 3px 3px 3px 3px;
 405   background-image: url("../../icons/ecouter.png");
 406   background-repeat: no-repeat;
 407   background-position: 6px 6px;
 408   color: #333333;
 409   border: solid 1px #d5d5d5;
 410   background-color: #ffffff;
 411 }
 412 p#play_all a:hover{
 413   background-color: #f5f5f5;
 414 }
 415
 416 /* ----------------------------------- sources --------- */
 417
 418 ul.albums li a
 419 { border: solid 1px #555555;
 420 }
 421
 422 .logo_groupe{
 423   border-radius: 3px 3px 3px 3px;
 424   -moz-border-radius: 3px 3px 3px 3px;
 425 }
 426
 427 ul#lien_contact li a
 428 { border-bottom: solid 1px #d9d9d9;
 429 }
 430
 431 .playing_track{
 432   border: solid 1px #999999;
 433   box-shadow: 0px 0px 5px #999999;
 434 }
 435
 436 .player_progress{
 437   border: solid 1px #c0c0c0;
 438   background-color: #ffffff;
 439 }
 440
 441 .player_progress .loaded
 442 { background-color: #c0c0c0;
 443 }
 444
 445 .player_progress .position
 446 { background-color: #999999;
 447 }
 448
 449 .player_controls a img
 450 { border: none;
 451 }
 452
 453 .source_arbo ul.menu_source
 454 { float: right;
 455   margin: 0px 10px 1px 0px;
 456 }
 457
 458 .source_arbo ul.menu_source li
 459 { float: right;
 460   padding: 1px;
 461 }
 462
 463 .source_arbo ul.menu_source li a
 464 { display: block;
 465   text-align: center;
 466   background-color: #151515;
 467   border-radius: 3px 3px 0px 0px;
 468   -moz-border-radius: 3px 3px 0px 0px;
 469   padding: 2px 5px 2px 5px;
 470 }
 471
 472 .source_arbo ul.menu_source li a:hover
 473 {
 474 }
 475
 476 .source_arbo ul.menu_source li.icon a
 477 { border: none;
 478   padding: 2px 2px 2px 2px;
 479 }
 480
 481 .pistes
 482 { border-left: none;
 483 }
 484
 485 .derivation
 486 { border-left: none;
 487 }
 488
 489 .loading{
 490   background-image: url("../../icons/ajax-loader.gif");
 491   background-repeat: no-repeat;
 492   background-position: 5px 5px;
 493   height: 20px;
 494 }
 495 .loading span{
 496   display: none;
 497 }