Download as
Browse Code »

Commit 0bdb1c9f67b2fe694b71dc5a9e4e092a3a5f39ae

Authored by Valessio Soares de Brito
1 parent 4b999287
Exists in master and in 1 other branch add_vagrant

remove pattern bg, change position controls-form on survey and remove css unecessary

Showing 3 changed files with 30 additions and 84 deletions   Show diff stats
src/web/static/css/style.css
  Diff comments   View file @0bdb1c9
... ... @@ -51,7 +51,14 @@ blockquote:before, blockquote:after, q:before, q:after { content: ""; }
51 51 */
52 52  
53 53 body{
54   -background: #b0c9e5 url('../images/pattern.gif');
  54 +background: #f2f6f8; /* Old browsers */
  55 +background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6+ */
  56 +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */
  57 +background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */
  58 +background: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Opera11.10+ */
  59 +background: -ms-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* IE10+ */
  60 +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
  61 +background: linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C */
55 62 font-family: Arial, Verdana, sans-serif;
56 63 font-size: 0.9em;
57 64 line-height: 1.1;
... ... @@ -450,17 +457,6 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', end
450 457 background: linear-gradient(top, #dfdfdf 51%,#ffffff 100%); /* W3C */
451 458 }
452 459  
453   -.glass_blue {
454   -background: #f2f6f8; /* Old browsers */
455   -background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6+ */
456   -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */
457   -background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */
458   -background: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Opera11.10+ */
459   -background: -ms-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* IE10+ */
460   -filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
461   -background: linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C */
462   -}
463   -
464 460 .glass {
465 461 background: #e2e2e2; /* Old browsers */
466 462 background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
... ...
src/web/static/css/survey.css
  Diff comments   View file @0bdb1c9
... ... @@ -26,7 +26,7 @@ width: 420px;
26 26 display: none;
27 27 position: absolute;
28 28 top: 15px;
29   -width: 250px;
  29 +width: 300px;
30 30 right: 0px;
31 31 font-size: 11px;
32 32 font-weight: normal;
... ... @@ -35,7 +35,10 @@ color: #000000;
35 35  
36 36 a:hover #tip-bar,
37 37 a:hover #tip-finish,
38   -#tip-strategy:hover .tip { display: block; background-color: white; }
  38 +#tip-strategy:hover .tip {
  39 +display: block;
  40 +z-index: 3;
  41 +}
39 42  
40 43  
41 44 .innertube {
... ... @@ -46,8 +49,8 @@ margin: 30px;
46 49 background: none;
47 50 }
48 51  
49   -.coda-slider-wrapper {
50   -clear: none;
  52 +#wrap {
  53 +max-width: 780px;
51 54 }
52 55  
53 56 body.survey #wrap {
... ... @@ -56,6 +59,7 @@ min-height: 450px;
56 59 }
57 60  
58 61 /* Display None itens Survey */
  62 +#footer,
59 63 #coda-nav-left-1,
60 64 body.survey #header,
61 65 #recommender-box #upfile,
... ... @@ -74,8 +78,8 @@ margin: 5px;
74 78 .content-pkg {
75 79 overflow: auto;
76 80 display: block;
77   -height: 250px;
78   -min-height: 250px;
  81 +height: 400px;
  82 +min-height: 400px;
79 83 }
80 84  
81 85 .content-pkg ul {
... ... @@ -127,59 +131,5 @@ font-weight: normal;
127 131 font-size: 0.8em;
128 132 }
129 133  
130   -#debtags_box {
131   -display: block;
132   -float: right;
133   -width: 150px;
134   -font-size: 0.8em;
135   -}
136   -
137   -#debtags_box h2 {
138   -font-weight: bold;
139   -}
140   -
141   -#debtags_pkg ul {
142   -padding: 3px;
143   -}
144   -
145   -#debtags_pkg li {
146   -font-weight: bold;
147   -cursor: pointer;
148   -}
149   -
150   -#debtags_pkg li ul li {
151   -font-weight: normal;
152   -margin-left: 5px;
153   -border-left: 1px solid white;
154   -border-bottom: 1px solid white;
155   -cursor: pointer;
156   -}
157   -
158   -#debresources_box {
159   -float: left;
160   -margin-top: 20px;
161   -}
162   -
163   -#debresources_box li {
164   -margin-bottom: 4px;
165   -}
166   -
167   -/* Details BOX */
168   -
169   -#details_box {
170   -margin-top: 50px;
171   -padding: 20px;
172   -font-size: 0.8;
173   -color: #545454;
174   -}
175   -
176   -#details_box h2 {
177   -margin: -5px 0 15px 0px;
178   -color: #000;
179   -}
180   -
181   -#details_box li {
182   -margin-bottom: 10px;
183   -}
184 134  
185 135  
... ...
src/web/templates/survey.html
  Diff comments   View file @0bdb1c9
... ... @@ -26,6 +26,18 @@ $var jsfiles: static/coda-slider-2.0/javascripts/jquery-1.3.2.min.js static/coda
26 26  
27 27 <form action="/thanks" method="post" enctype="multipart/form-data" name="surveyform">
28 28  
  29 +<div id="controls-form" style="display: none;"><!-- display show in the end form -->
  30 +<a id="finish-button" class="glass">Finish
  31 + <div class="tip important" id="tip-bar"><p>Tem certeza que não gostaria de avaliar uma nova estratégia? </p></div>
  32 +</a>
  33 +
  34 +<a id="bar-button" class="glass">New Recommends
  35 + <div class="tip note" id="tip-finish"><p>Fazer uma nova recomendação com uma nova lista de pacotes.</p></div>
  36 +</a>
  37 +
  38 +<label for="strategy_button" id="tip-strategy"><div class="tip tip"><p> Gerar um novo resultado com uma estratégia diferente para esta mesma lista de pacotes. </p></div><input id="strategy-button" name="strategy_button" type="submit" value="New Strategy" class="glass" /></label>
  39 +</div><!-- id="controls-form" -->
  40 +
29 41 <div class="coda-slider-wrapper">
30 42 <div class="coda-slider preload" id="coda-slider-1">
31 43 $for pkg in pkg_details:
... ... @@ -66,18 +78,6 @@ $for pkg in pkg_details:
66 78 </div><!-- .coda-slider -->
67 79 </div><!-- .coda-slider-wrapper -->
68 80  
69   -<div id="controls-form" style="display: none;"><!-- display show in the end form -->
70   -<a id="finish-button" class="glass">Finish
71   - <div class="tip important" id="tip-bar"><p>Tem certeza que não gostaria de avaliar uma nova estratégia? </p></div>
72   -</a>
73   -
74   -<a id="bar-button" class="glass">New Recommends
75   - <div class="tip note" id="tip-finish"><p>Fazer uma nova recomendação com uma nova lista de pacotes.</p></div>
76   -</a>
77   -
78   -<label for="strategy_button" id="tip-strategy"><div class="tip tip"><p> Gerar um novo resultado com uma estratégia diferente para esta mesma lista de pacotes. </p></div><input id="strategy-button" name="strategy_button" type="submit" value="New Strategy" class="glass" /></label>
79   -</div><!-- id="controls-form" -->
80   -
81 81 </form>
82 82  
83 83  
... ...