diff --git a/src/web/static/css/style.css b/src/web/static/css/style.css index 1a1a3d1..f42d72e 100644 --- a/src/web/static/css/style.css +++ b/src/web/static/css/style.css @@ -52,11 +52,11 @@ blockquote:before, blockquote:after, q:before, q:after { content: ""; } */ body{ +background: #b0c9e5 url('../images/pattern.gif'); font-family: Arial, Verdana, sans-serif; font-size: 0.9em; line-height: 1.1; font-weight: normal; -background-image: url('../images/pattern.gif'); } #wrap { @@ -69,7 +69,7 @@ margin-right: auto; margin-left: auto; background-color: white; border-radius: 10px; -box-shadow: 0 0 20px #000000; +box-shadow: 0 2px 20px #545454; background: #e0e0e0; /* Old browsers: generate by http://www.colorzilla.com/gradient-editor/ */ background: -moz-linear-gradient(top, #e0e0e0 0%, #ffffff 46%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(46%,#ffffff)); /* Chrome,Safari4+ */ @@ -86,28 +86,27 @@ top: 0px; left: -310px; margin-left: 50%; width: 620px; -height: 60px; -border-radius: 0 0 10px 10px; -box-shadow: 0 -1px 5px #000000 inset, 0 2px 20px #545454; +height: 50px; +border-radius: 0 0 20px 20px; +box-shadow: 0 2px 20px #545454; outline: medium none; padding: 15px; -background: #6f2525; -/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#babdb6', endColorstr='#000000'); - * background: -webkit-gradient(linear, left top, left bottom, from(#babdb6), to(#000000)); - * background: -moz-linear-gradient(top, #babdb6, #000000); - */ +background: #eeeeec; +filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeec', endColorstr='#babdb6'); +background: -webkit-gradient(linear, left top, left bottom, from(#babdb6), to(#babdb6)); +background: -moz-linear-gradient(top, #eeeeec, #babdb6); } #logo span { display: none; } #logo { -position: absolute; +display: none; +position: absolute; /* FIXME: Remove Logo */ top: 0; left: -32px; background: url('../images/icon95.png') no-repeat; width: 105px; height: 95px; margin: 0px; -display: block; } #navbar { @@ -331,13 +330,13 @@ background-image: url('../images/admon-note.png'); #recommender-box { position: relative; margin:0; -width: 560px; +/* width: 560px; FIXME: remove logo */ +/* float: right; */ vertical-align: top; border: 1px solid #888a85; border-radius: 4px; box-shadow: 0 1px 4px gray inset; background: white; -float: right; z-index: 3; } @@ -445,9 +444,12 @@ cursor: pointer; #upload-slide, #advanced-slide { display: none; } +#upload-slide label, #advanced-slide legend { font-weight: bold; } + +#upload-slide, #advanced-slide fieldset { boder: 1px solid gray; font-size: 0.9em; @@ -455,5 +457,19 @@ padding: 5px; margin: 10px; } +#tip-upload { +display: none; +position: absolute; +top: 0px; +background: #fef7bc; +padding: 10px; +border-radius: 10px; +box-shadow: 0 1px 10px #545454; +z-index: 1; +} + +#upload-slide:hover #tip-upload { +display: block; +} diff --git a/src/web/static/css/survey.css b/src/web/static/css/survey.css index a306195..6ed15cc 100644 --- a/src/web/static/css/survey.css +++ b/src/web/static/css/survey.css @@ -1,21 +1,31 @@ #upload-slide { display: block; position: absolute; -top: 10px; -left: 10px; +top: 0px; +left: 0px; } -#header, -#recommender-box { -height: 80px; +#tip-upload { +top: 40px; +width: 420px; } .innertube { -margin: 50px; +margin: 30px; +} + +.coda-slider { +background: none; +} + +.coda-slider-wrapper { +margin-right: auto; +margin-left: auto; } body.survey #wrap { padding-top: 0px; +min-height: 450px; } /* Display None itens Survey */ @@ -29,14 +39,98 @@ body.survey #header, display: none; } +.screenshot { +float: right; +margin: 5px; +} + +.content-pkg { +overflow: auto; +height: 250px; +} + +.content-pkg ul { +list-style: none; +} + +.content-pkg ul li { +margin-bottom: 10px; +} -/* FIXME: não funciona porque as vezes o resultado final não é 10. - * #conclude-button, - * #10:target #coda-nav-right-1 { - * display: none; - * } - * #10:target #conclude-button { - * display: block; - * } +/* Panel */ + +#panel-controls { +float: right; +} + + +/* + * Package Box */ +#title_pkg { +font-weight: bold; +} + +#title_pkg span { +color: gray; +font-style:italic; +font-weight: normal; +font-size: 0.8em; +} + +#debtags_box { +display: block; +float: right; +width: 150px; +font-size: 0.8em; +} + +#debtags_box h2 { +font-weight: bold; +} + +#debtags_pkg ul { +padding: 3px; +} + +#debtags_pkg li { +font-weight: bold; +cursor: pointer; +} + +#debtags_pkg li ul li { +font-weight: normal; +margin-left: 5px; +border-left: 1px solid white; +border-bottom: 1px solid white; +cursor: pointer; +} + +#debresources_box { +float: left; +margin-top: 20px; +} + +#debresources_box li { +margin-bottom: 4px; +} + +/* Details BOX */ + +#details_box { +margin-top: 50px; +padding: 20px; +font-size: 0.8; +color: #545454; +} + +#details_box h2 { +margin: -5px 0 15px 0px; +color: #000; +} + +#details_box li { +margin-bottom: 10px; +} + diff --git a/src/web/static/images/ajax-loader.gif b/src/web/static/images/ajax-loader.gif new file mode 100755 index 0000000..6ab2fd7 Binary files /dev/null and b/src/web/static/images/ajax-loader.gif differ diff --git a/src/web/static/images/pattern.gif b/src/web/static/images/pattern.gif index c091c6e..1346c71 100644 Binary files a/src/web/static/images/pattern.gif and b/src/web/static/images/pattern.gif differ diff --git a/src/web/templates/layout.html b/src/web/templates/layout.html index 7b1dda0..ecf5aa6 100644 --- a/src/web/templates/layout.html +++ b/src/web/templates/layout.html @@ -75,7 +75,21 @@ if ((u==null) && (x==null) || (x=="Write your list App here or send a file list >Write your list App here or send a file list this icon: - +
+
+

+ +

+
+

+ You can use file /var/log/popularity-contest or create a with dpkg, use: +

+

+ # dpkg -l > blih.list +

+
+
+
General @@ -124,19 +138,6 @@ if ((u==null) && (x==null) || (x=="Write your list App here or send a file list
-
-
-

- -

-

- You can use file /var/log/popularity-contest or create a with dpkg, use: -

-

- # dpkg -l > blih.list -

-
-
diff --git a/src/web/templates/survey.html b/src/web/templates/survey.html index 655f819..c8a163a 100644 --- a/src/web/templates/survey.html +++ b/src/web/templates/survey.html @@ -1,14 +1,18 @@ $def with (recommends, pkg_details, form, request) $var title: Survey $var mod = 'survey'; -$var cssfiles: static/coda-slider-2.0/stylesheets/coda-slider-2.0.css static/css/survey.css -$var jsfiles: static/coda-slider-2.0/javascripts/jquery-1.3.2.min.js static/coda-slider-2.0/javascripts/jquery.coda-slider-2.0.js static/coda-slider-2.0/javascripts/jquery.easing.1.3.js +$var cssfiles: static/coda-slider-2.0/stylesheets/coda-slider-2.0.css static/css/facebox.css static/css/survey.css +$var jsfiles: static/coda-slider-2.0/javascripts/jquery-1.3.2.min.js static/coda-slider-2.0/javascripts/jquery.coda-slider-2.0.js static/coda-slider-2.0/javascripts/jquery.easing.1.3.js static/js/facebox.js @@ -25,14 +29,22 @@ $var jsfiles: static/coda-slider-2.0/javascripts/jquery-1.3.2.min.js static/coda $for pkg in pkg_details:
-

$pkg['package']

- $pkg['description']
- Good
- Surprise -

+

+ +
+ + +
+

$pkg['package']
+ $pkg['description']

+
+
+ + Screenshot $pkg['package'] +
  • Description:
    $:pkg['long_description']
    • $if pkg['homepage']: -
  • Homepage:$pkg['homepage']
    • +
  • Homepage: $pkg['homepage']
    • $if pkg['task']:
  • Tasks: $pkg['task']
  • Section: $pkg['section']
    • @@ -44,9 +56,9 @@ $for pkg in pkg_details:
  • Origin: $pkg['origin']
  • Maintainer: $pkg['maintainer']
    • -

    -
    -
    +
    + + -- libgit2 0.21.2