Commit 1ff10d255d73cfe7fa1c0de0876f981a5e558958

Authored by Juliana
1 parent 60c7e080

Adjustments page software - social box, create html-css box category, organization and

title tags box software information.
cabecalho-cinza-theme.css
@@ -421,7 +421,7 @@ filter: alpha(opacity=100); @@ -421,7 +421,7 @@ filter: alpha(opacity=100);
421 /* Social Box */ 421 /* Social Box */
422 422
423 #social-box { 423 #social-box {
424 - border-top: 4px solid #2c66ce; 424 + border-top: 4px solid #2c66ce; /*#172938;*/
425 } 425 }
426 426
427 427
@@ -444,9 +444,12 @@ filter: alpha(opacity=100); @@ -444,9 +444,12 @@ filter: alpha(opacity=100);
444 444
445 #social-box li { 445 #social-box li {
446 float: left; 446 float: left;
447 - margin: 8px;  
448 - padding-top: 10px; 447 + margin: 15px;
  448 + /*padding-top: 10px;*/
449 vertical-align: middle; 449 vertical-align: middle;
  450 + display: flex;
  451 + line-height: 20px;
  452 +
450 } 453 }
451 454
452 #sb_face, 455 #sb_face,
@@ -92,10 +92,10 @@ color: #4A4A4A; @@ -92,10 +92,10 @@ color: #4A4A4A;
92 width:50%; 92 width:50%;
93 height:30px; 93 height:30px;
94 } 94 }
95 - 95 +/*
96 #errorExplanation{ 96 #errorExplanation{
97 width:720px; 97 width:720px;
98 -} 98 +}*/
99 99
100 /**** mudar para a cor do icone e link da imagem passado pela suzete 100 /**** mudar para a cor do icone e link da imagem passado pela suzete
101 101
pagina_software.css
@@ -18,9 +18,15 @@ @@ -18,9 +18,15 @@
18 #col-software-name :hover { 18 #col-software-name :hover {
19 background-color: none; 19 background-color: none;
20 } 20 }
  21 +#software-information-block-table{
  22 + width:515px;
  23 + margin:0px 15px;
  24 +}
21 25
22 #col-software-name h1 { 26 #col-software-name h1 {
23 text-align: left; 27 text-align: left;
  28 + line-height: 37px;
  29 + font-size: 34px;
24 } 30 }
25 #col-software-name { 31 #col-software-name {
26 font-style: normal; 32 font-style: normal;
@@ -41,9 +47,8 @@ border: none; @@ -41,9 +47,8 @@ border: none;
41 border:1px solid #c0c1c1; 47 border:1px solid #c0c1c1;
42 border-radius: 8px; 48 border-radius: 8px;
43 padding:10px;*/ 49 padding:10px;*/
44 -  
45 - width: 90%;  
46 - 50 + width: 490px;
  51 + margin: 0px 15px;
47 padding: 15px 20px 30px 15px; 52 padding: 15px 20px 30px 15px;
48 border-radius: 4px; 53 border-radius: 4px;
49 background-image: -o-linear-gradient(-89deg, #0099FF 0%, #3E67B1 100%); 54 background-image: -o-linear-gradient(-89deg, #0099FF 0%, #3E67B1 100%);
@@ -94,59 +99,80 @@ border: none; @@ -94,59 +99,80 @@ border: none;
94 #content span.req_spb a:link, 99 #content span.req_spb a:link,
95 #content span.nov_spb a, 100 #content span.nov_spb a,
96 #content span.nov_spb a:visited, 101 #content span.nov_spb a:visited,
97 -#content span.nov_spb a:link { 102 +#content span.nov_spb a:link
  103 +#content span.licensed a,
  104 +#content span.licensed a:visited,
  105 +#content span.licensed a:link {
98 font-family: open_sansregular; 106 font-family: open_sansregular;
99 font-size: 14px; 107 font-size: 14px;
100 - color: #ECEDF1; 108 + /*color: #ECEDF1;*/
101 text-decoration:underline; 109 text-decoration:underline;
102 } 110 }
103 111
104 -#content span.req_spb, #content span.nov_spb { 112 +#download_info {
  113 + margin:0px 15px;
  114 +}
  115 +#content span.req_spb, #content span.nov_spb, #content span.licensed {
105 padding: 5px; 116 padding: 5px;
106 } 117 }
107 118
108 -#content span.req_spb a:hover , #content span.nov_spb a:hover {  
109 - color: #8ECBF7;; 119 +#content span.req_spb a:hover , #content span.nov_spb a:hover, #content span.licensed a:hover {
  120 + color: #8ECBF7;
110 } 121 }
111 122
112 /*Static block for box3*/ 123 /*Static block for box3*/
113 #content .box-1 .tags-block .block-inner-2 .block-title{ 124 #content .box-1 .tags-block .block-inner-2 .block-title{
114 - font-size: 15px; 125 + font-size: 11px;
  126 + border-top: 1px solid #8b949b;
115 /*border-top: none;*/ 127 /*border-top: none;*/
116 background: none; 128 background: none;
117 - border-bottom: none;  
118 - padding: 10px 0px 0px 0px; 129 + /*border-bottom: 1px solid #8b949b;*/
  130 + /*border-bottom: none;*/
  131 + padding: 15px 0px 0px 3px;
119 /*margin:10px; s*/ 132 /*margin:10px; s*/
120 /*margin-top:-5px;*/ 133 /*margin-top:-5px;*/
121 } 134 }
122 135
123 #content .box-1 .tags-block .block-inner-2 .tag_cloud{ 136 #content .box-1 .tags-block .block-inner-2 .tag_cloud{
124 - font-size: 12px;  
125 /*margin-top:-11px;*/ 137 /*margin-top:-11px;*/
126 margin-bottom: 15px; 138 margin-bottom: 15px;
127 text-align: left; 139 text-align: left;
128 - margin-top: -26px; 140 + margin-top: -24px;
129 margin-left: 42px; 141 margin-left: 42px;
130 142
131 } 143 }
132 144
133 -#content .box-1 .tags-block .block-inner-2 .tag_cloud a{  
134 - border:1px solid #c0c1c1; 145 +#content .box-1 .tags-block .block-inner-2 .tag_cloud a {
  146 + font-size: 11px !important;
  147 + border:1px solid #e9e8ed;
135 border-radius:8px; 148 border-radius:8px;
136 - background-color:#c0c1c1; 149 + background-color:#e9e8ed;
137 padding:3px 6px; 150 padding:3px 6px;
138 margin:10px 3px; 151 margin:10px 3px;
139 } 152 }
140 153
  154 +#content .box-1 .tags-block .block-inner-2 .tag_cloud a:hover{
  155 +background: #3a70d1; /*#205c90;*/
  156 +color: white;
  157 +border-color: #3a70d1; /*#205c90;*/
  158 +}
  159 +
  160 +#content .box-1 .tags-block .block-inner-2 .tag_cloud a:link{
  161 + text-decoration: none;
  162 +}
  163 +
141 #content .box-1 .tags-block .block-footer-content a{ 164 #content .box-1 .tags-block .block-footer-content a{
142 background: none; 165 background: none;
143 border: none; 166 border: none;
144 border-radius: none; 167 border-radius: none;
145 top:-5px; 168 top:-5px;
  169 + font-size:0px;
146 } 170 }
147 171
148 #content .box-1 .tags-block .block-footer-content { 172 #content .box-1 .tags-block .block-footer-content {
149 - margin-top: -25px; 173 + /*margin-top: -15px;*/
  174 + border-bottom: 1px solid #8b949b;
  175 + margin-bottom: 30px;
150 } 176 }
151 177
152 178
@@ -158,3 +184,80 @@ margin-left: 35px; @@ -158,3 +184,80 @@ margin-left: 35px;
158 border: 184 border:
159 185
160 */ 186 */
  187 +/*************raw html - category and tags****************/
  188 +
  189 +#content .raw-html-block .tag_cloud
  190 +category_cloud{
  191 +
  192 +}
  193 +
  194 +#content .box-1 .raw-html-block .block-inner-1 .block-title{
  195 + font-size: 11px;
  196 + border-top: 1px solid #8b949b;
  197 + /*border-top: none;*/
  198 + background: none;
  199 + /*border-bottom: 1px solid #8b949b;*/
  200 + /*border-bottom: none;*/
  201 + padding: 15px 0px 0px 3px;
  202 + /*margin:10px; s*/
  203 + /*margin-top:-5px;*/
  204 +}
  205 +#content .box-1 .raw-html-block .block-inner-2 .block-title{
  206 + border-top: 4px solid #2c66ce; /*#172938;*/
  207 +}
  208 +
  209 +#content .box-1 .raw-html-block .block-inner-1 .tag_cloud {
  210 + /*margin-top:-11px;*/
  211 + margin-bottom: 15px;
  212 + text-align: left;
  213 + margin-top: -24px;
  214 + margin-left: 40px;
  215 +
  216 +}
  217 +#content .box-1 .raw-html-block .block-inner-1 .category_cloud {
  218 + /*margin-top:-11px;*/
  219 + margin-bottom: 15px;
  220 + text-align: left;
  221 + margin-top: -24px;
  222 + margin-left: 72px;
  223 +
  224 +}
  225 +
  226 +#content .box-1 .raw-html-block .block-inner-1 .tag_cloud a,
  227 +#content .box-1 .raw-html-block .block-inner-1 .category_cloud a {
  228 + font-size: 11px !important;
  229 + border:1px solid #e9e8ed;
  230 + border-radius:8px;
  231 + background-color:#e9e8ed;
  232 + padding:3px 6px;
  233 + margin:10px 3px;
  234 +}
  235 +
  236 +#content .box-1 .raw-html-block .block-inner-1 .tag_cloud a:hover,
  237 +#content .box-1 .raw-html-block .block-inner-1 .category_cloud a:hover {
  238 +background: #3a70d1; /*#205c90;*/
  239 +color: white;
  240 +border-color: #3a70d1; /*#205c90;*/
  241 +}
  242 +
  243 +#content .box-1 .raw-html-block .block-inner-1 .tag_cloud a:link,
  244 +#content .box-1 .raw-html-block .block-inner-1 .category_cloud a:link {
  245 + text-decoration: none;
  246 +}
  247 +
  248 +#content .box-1 .raw-html-block .block-footer-content a{
  249 + background: none;
  250 + border: none;
  251 + border-radius: none;
  252 + top:-5px;
  253 + font-size:0px;
  254 +}
  255 +
  256 +#content .box-1 .raw-html-block .block-footer-content {
  257 + /*margin-top: -15px;*/
  258 + border-bottom: 1px solid #8b949b;
  259 + margin-bottom: 30px;
  260 +}
  261 +
  262 +
  263 +
1 -@import url(../profile-base/style.css); 1 + @import url(../profile-base/style.css);
2 /******************** cabecalho verde ********************/ 2 /******************** cabecalho verde ********************/
3 /*@import url(cabecalho-verde-theme.css);*/ 3 /*@import url(cabecalho-verde-theme.css);*/
4 /****************** FIM cabecalho verde ******************/ 4 /****************** FIM cabecalho verde ******************/
@@ -390,6 +390,7 @@ p { @@ -390,6 +390,7 @@ p {
390 390
391 .box-1 { 391 .box-1 {
392 /* display: inline-block;*/ 392 /* display: inline-block;*/
  393 + /*width: 490px;*/
393 } 394 }
394 395
395 .box-2 { 396 .box-2 {
@@ -397,7 +398,7 @@ p { @@ -397,7 +398,7 @@ p {
397 vertical-align: top; 398 vertical-align: top;
398 } 399 }
399 .box-3{ 400 .box-3{
400 - width: 190px; 401 + width: 190px; /*230px;*/
401 } 402 }
402 403
403 .box-2 .block .block-inner-2, 404 .box-2 .block .block-inner-2,