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