Download as
Browse Code »

Commit 1544a2ec2a3f20634340180a17c13174457729cc

Authored by Valessio Soares de Brito
1 parent 65be4b76
Exists in master and in 1 other branch add_vagrant

small changes style.. and change icon (experimental)

Showing 4 changed files with 55 additions and 25 deletions   Show diff stats
src/web/static/css/debtags.css
  Diff comments   View file @1544a2e
1   -#debtags-area {
2   -}
3   -
4 1 #debtags-facets {
5 2 float: left;
6 3 text-align: right;
7 4 width: 320px;
8 5 }
  6 +
9 7 #debtags-facets div {
10 8 background-color: #F0F0F0;
11 9 cursor: pointer;
12 10 padding-right: 1em;
13 11 }
  12 +
14 13 #debtags-facets div.selected {
15 14 background-color: #000000;
16 15 color: #F0F0F0;
17 16 font-weight: bolder;
18 17 }
  18 +
19 19 #debtags-facets div:hover {
20   - background-color: #AAAAAA;
  20 +border-radius: 5px;
  21 +background: #9f9f9f; /* Old browsers */
  22 +background: -moz-linear-gradient(left, #f0f0f0 51%, #9f9f9f 100%); /* FF3.6+ */
  23 +background: -webkit-gradient(linear, left top, right top, color-stop(51%,#9f9f9f), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
  24 +background: -webkit-linear-gradient(left, #f0f0f0 51%,#9f9f9f 100%); /* Chrome10+,Safari5.1+ */
  25 +background: -o-linear-gradient(left, #f0f0f0 51%,#9f9f9f 100%); /* Opera11.10+ */
  26 +background: -ms-linear-gradient(left, #f0f0f0 51%,#9f9f9f 100%); /* IE10+ */
  27 +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#9f9f9f',GradientType=1 ); /* IE6-9 */
  28 +background: linear-gradient(left, #f0f0f0 51%,#9f9f9f 100%); /* W3C */
21 29 }
22 30  
23 31 #tags-box {
24 32 position: absolute;
25   -background: white;
  33 +background: #f0f0f0;
26 34 display: none;
27 35 overflow: hidden;
28 36 width: 320px;
29   -height: 430px;
  37 +height: 425px;
30 38 }
31 39  
32 40 #tags-box div {
... ...
src/web/static/css/style.css
  Diff comments   View file @1544a2e
... ... @@ -88,22 +88,23 @@ margin-left: 50%;
88 88 width: 620px;
89 89 height: 60px;
90 90 border-radius: 0 0 10px 10px;
91   -box-shadow: 0 -1px 5px #000000 inset, 0 1px 10px #000000 inset, 0 2px 20px #545454;
  91 +box-shadow: 0 -1px 5px #000000 inset, 0 2px 20px #545454;
92 92 outline: medium none;
93 93 padding: 15px;
94   -background: #000;
95   -filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#babdb6', endColorstr='#000000');
96   -background: -webkit-gradient(linear, left top, left bottom, from(#babdb6), to(#000000));
97   -background: -moz-linear-gradient(top, #babdb6, #000000);
  94 +background: #6f2525;
  95 +/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#babdb6', endColorstr='#000000');
  96 + * background: -webkit-gradient(linear, left top, left bottom, from(#babdb6), to(#000000));
  97 + * background: -moz-linear-gradient(top, #babdb6, #000000);
  98 + */
98 99 }
99 100  
100 101 #logo span { display: none; }
101 102 #logo {
102   -background: url('../images/icon45.png') no-repeat;
103   -width: 45px;
104   -height: 45px;
  103 +background: url('../images/icon55.png') no-repeat;
  104 +width: 55px;
  105 +height: 55px;
105 106 margin: 0px;
106   -margin-top: 5px;
  107 +/* margin-top: 5px; */
107 108 display: block;
108 109 float: left;
109 110 }
... ... @@ -360,7 +361,7 @@ z-index: 1;
360 361  
361 362 #pkgs_list, #input-box {
362 363 position: relative;
363   -width: 410px;
  364 +width: 400px;
364 365 }
365 366  
366 367 #pkgs_list {
... ... @@ -372,6 +373,7 @@ margin: 0;
372 373 outline: 0 none;
373 374 padding: 3px;
374 375 background: none;
  376 +width: 420px;
375 377 text-align: center;
376 378 }
377 379  
... ...
src/web/static/css/tabs.css
  Diff comments   View file @1544a2e
... ... @@ -16,7 +16,7 @@ display: inline;
16 16 }
17 17  
18 18 #list-tabs li a {
19   -color: black;
  19 +color: #545454;
20 20 float: left;
21 21 display: block;
22 22 font-size: 0.8em;
... ... @@ -26,10 +26,13 @@ position: relative;
26 26 left: 1px;
27 27 text-decoration: none;
28 28 text-transform: uppercase;
  29 +box-shadow: 0 0 5px #dfdfdf;
  30 +border-left: 1px solid #dfdfdf;
29 31 }
30 32  
31 33 #list-tabs li a:hover {
32   -background: #ccc;
  34 +box-shadow: 0 0 5px #545454 inset;
  35 +color: #000;
33 36 }
34 37  
35 38 #tab-area {
... ... @@ -42,23 +45,40 @@ min-height: 250px;
42 45 width: auto;
43 46 }
44 47  
  48 +li.tab-one a,
  49 +#tab-one {
  50 +background: #FFFFFF;
  51 +}
  52 +
  53 +li.tab-two a,
  54 +#tab-two {
  55 +background: #F5F5F5;
  56 +}
  57 +
  58 +li.tab-three a,
  59 +#tab-three {
  60 +background: #F0F0F0;
  61 +}
  62 +
45 63 #tab-area .tabs {
46 64 padding: 10px;
47 65 min-height: 450px;
48 66 position: absolute;
49 67 top: -1px;
50 68 left: 0;
51   -width: 320px;
52   -background: white;
53   -}
54   -
55   -#tab-area .tabs, #list-tabs li a {
56   -border: 1px solid #ccc;
  69 +width: 320px;
57 70 }
58 71  
59 72 #tab-three, #tab-two { display: none; }
60 73  
61   -#tab-three:target, #tab-two:target, #tab-one:target { z-index: 1; display: block; }
  74 +#tab-three:target, #tab-two:target, #tab-one:target {
  75 +z-index: 1;
  76 +display: block;
  77 +box-shadow: 0 0 5px #dfdfdf;
  78 +border-left: 1px solid #dfdfdf;
  79 +border-bottom: 1px solid #dfdfdf;
  80 +border-radius: 0px 5px 5px 5px;
  81 +}
62 82  
63 83  
64 84  
... ...
src/web/static/images/icon55.png 0 → 100644
View file @1544a2e

3.18 KB