From 9cf3481bd7624bac41c9c84f3555409504e0defd Mon Sep 17 00:00:00 2001 From: admin Date: Sun, 5 Sep 2010 11:40:24 +0100 Subject: [PATCH] Dialog UI --- code/css/mashbox1.css | 77 +++++++++++++++++++++------------------ code/img/ajax-loader.gif | Bin 0 -> 3951 bytes code/js/mashbox1.js | 8 ++-- code/mashbox1.php | 22 ++++++----- 4 files changed, 57 insertions(+), 50 deletions(-) create mode 100644 code/img/ajax-loader.gif diff --git a/code/css/mashbox1.css b/code/css/mashbox1.css index 3e7c268..37e6415 100644 --- a/code/css/mashbox1.css +++ b/code/css/mashbox1.css @@ -7,8 +7,8 @@ DIALOG COLORS - FDB7BE - F3A7B0 + E84F60 + F7B448 */ @@ -453,7 +453,6 @@ table tr:nth-child(2n) { cursor:pointer; } -<<<<<<< HEAD #choose-genre.active:hover span { border-color: transparent #F3A7B0 transparent transparent !important; } @@ -467,17 +466,34 @@ table tr:nth-child(2n) { --------------------------------------------------------------------------- */ ol{ list-style: none; + overflow:hidden; + margin:20px 0; } .cover { float:left; + width:80px; + height:80px; } -ol.txt_mash li{ - clear:both; + +#dialog .cover-1 { + float:left; + width:50%; +} + + +#dialog .cover-2 { + width:50%; + text-align:right; +} + +#dialog .cover-2, +#dialog .cover-2 img { + float:right; } .details{ - display:block; - margin:0 0 0 108px; + display:inline-block; + margin:0 5px; } .details h3 { @@ -500,47 +516,36 @@ ol.txt_mash li{ font-style:bold; } - -/* =TRACK MASH LOADING DIALOG ---------------------------------------------------------------------------- */ -ol{ - list-style: none; -} -.cover { - float:left; -} -ol.txt_mash li{ - clear:both; +#dialog label { + font-size:2em; } -.details{ - display:block; - margin:0 0 0 108px; +#dialog input[type=text] { + border:1px solid #E84F60; + font-size:2em; } -.details h3 { - font-size:2em; +#dialog input[type=text]:focus { + border:1px solid #F7B448; } -.details p { - font-size:1.7em; +#dialog button { + border:1px solid #E84F60; + background:#E84F60; + color:#fff; + font-size:2em; + font-weight:bold; } -.plus { - text-align:center; - font-size:3em; - font-style:bold; +#dialog button:hover { + border:1px solid #F7B448; + background:#F7B448; } -.equals { - text-align:center; - font-size:3em; - font-style:bold; +.loading { + display:none; } -.loading {} - - diff --git a/code/img/ajax-loader.gif b/code/img/ajax-loader.gif new file mode 100644 index 0000000000000000000000000000000000000000..91931efd0ba970fd4d037d91a2e2e7579258c252 GIT binary patch literal 3951 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 r9FJahvpo^kq-6+<`
    -
  1. +
  2. - +

    Title

    artist
    3. -
  3. +
    4. -
  4. +
  5. -

    Title

    artist

     +
    6. -
  6. =Title - artist!
-

Loading...

+
+ + + +
+

Loading

- + -