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