Merge branch 'page_catalog' of https://gitlab.com/softwarepublico/noosfero-spb-theme into use-report

Pedro de Lyra Pereira
2 parents ca411707 186e7cac
Showing 3 changed files with 199 additions and 66 deletions Show diff stats
images/bottom-arrow.png
images/top-arrow.png
page-catalog-software.css
-  /*controller-search action-search-software_infos template-default webkit*/
+/*controller-search action-search-software_infos template-default webkit*/
+
+.action-search-software_infos br {
+  display:none;
+}
  
 #catalog-filter{
   display: none;
 }
+.action-search-software_infos  h1,
+.action-search-software_infos  h2,
+.action-search-software_infos  h3,
+.action-search-software_infos  h4{
+  background: transparent !important;
+}
+
+.action-search-software_infos .main-content {
+  border: none;
+  box-shadow: none;
+}
+.action-search-software_infos  input[type="checkbox"]{
+  vertical-align:sub;
+}
+
+.action-search-software_infos #content #main-content-wrapper-8 {
+  padding:0px !important;
+  margin-top: 10px;
+}
+
+.action-search-software_infos #content .main-content h2{
+  text-transform: uppercase;
+  font-family: "open_sansregular",Arial, Helvetica,sans-serif;
+  color: #ff0066;
+  font-size:16px;
+}
  
+.action-search-software_infos #content .main-content h1{
+  padding:5px 0 10px 0;
+  font-family:Arial, Helvetica, sans-serif;
+  font-size: 35px !important;
+  font-variant: normal;
+}
 .action-search-software_infos #content #main-content-wrapper-8 h1{
   border-top: 4px solid #3E67B1 !important;
   color: #2B65cd !important;
@@ -12,8 +48,6 @@
   padding: 15px 0px 10px 15px;
   border-bottom:none !important;
   background-color:#eee;
-  /*padding-left: 0.8em !important;*/
-  /*margin-left: 0px;*/
 }
  
 .action-search-software_infos #main-content-wrapper-8 .search-form{
@@ -24,6 +58,30 @@
 .search-form{
   background: #ecedf1;
   border-radius: 4px;
+  border:1px solid #d7d7d7;
+  padding: 0;
+  margin-top:28px;
+}
+
+.action-search-software_infos .search-form h3{
+  padding:16px 0 10px 14px;
+  font-family:"open_sansregular", Arial, Helvetica, sans-serif;
+  margin:0 !important;
+  font-weight:bold;
+  font-size: 15px !important;
+}
+
+.search-form #search-subheader{
+  padding-left: 14px;
+}
+.search-form #search-header #search-filters{
+  float: left !important;
+  padding-left: 14px;
+}
+
+.search-form{
+  background: #ecedf1;
+  border-radius: 4px;
 }
  
 .search-form #search-subheader{
@@ -43,10 +101,13 @@
 }
  
 #search-input {
+  width:95% !important;
   font-size:110%;
-  margin: 0px 0px 15px 15px;
+  margin: 4px 0px 0px 13px;
   border-radius: 4px;
-  padding: 0.55em;
+  padding: 6px;
+  font-size: 14px;
+  border: 1px solid #d7d7d7;
 }
  
 #search-input.blur {
@@ -58,20 +119,14 @@
   padding:0.55em;
 }
  
-.controller-search .search-field .formfield {
-  width: 80%;
-}
-
 .controller-search #content form input.button.submit {
   height: 30px;
   max-height: 30px;
-  width: 104px;
-  margin-bottom: 22px;
-  margin-left: 32px;
+  width: auto;
+  padding: 0 14px 0 14px; 
+  margin: 14px;
   text-transform: uppercase;
-  font-weight: bold;
-  /*border: 1px solid #4562b1;*/
-  /*padding:0px;*/
+  font-family:"open_sansbold",Arial,sans-serif;
   color:#ffffff;
   background-color:#4562b1;
 }
@@ -81,8 +136,8 @@
   color:#172738;
   font-size:20px;
   padding:5px;
-
 }
+
 .action-search-software_infos #content input.button{
   background-color:#2B65cd;
   border: 1px solid #2B65cd;
@@ -94,22 +149,123 @@
  
 .action-search-software_infos .icon-search{
   background-image:none !important;
+}
+
+.action-search-software_infos #filter-option-catalog-software:hover {
+  background-color: #c7c7c7;
+}
+
+.action-search-software_infos #filter-option-catalog-software {
+  border:none; 
+  font-size: 11px;
+  padding: 14px;
+  background-color: #d7d7d7;
+}
+
+.action-search-software_infos #filter-option-catalog-software:after {
+  margin-left:5px;
+  background:url("/designs/themes/noosfero-spb-theme/images/bottom-arrow.png") no-repeat center;
+  background-color:#4562b1;
+  padding: 3px 10.5px;
+  border-radius: 4px;
+  content: "";
+}
+
+.action-search-software_infos #cleanup-filter-catalg {
+  background-color:#4562b1;
+  font-size: 14px;
+  font-family:Arial;
+  cursor:pointer;
+}
+
+.action-search-software_infos #close-filter-catalog {
+  cursor:pointer;
+}
+
+.action-search-software_infos #close-filter-catalog:after {
+  margin-left:5px;
+  background:url("/designs/themes/noosfero-spb-theme/images/top-arrow.png") no-repeat center;
+  background-color:#4562b1;
+  padding: 2.5px 10.5px;
+  border-radius: 4px;
+  content: "";
+}
+
+.action-search-software_infos #catalog-display-options {
+  font-size:14px;
+  font-family:Arial; 
+}
+
+.action-search-software_infos #catalog-display-options  #catalog-display-options-count{
+  padding: 45px 0 4px 0;
+}
+
+.action-search-software_infos #catalog-display-options  #catalog-display-options-show-and-sort{
+  padding: 38px 0 5px 0;
+  font-weight:bold;
+}
+
+.action-search-software_infos #filter-catalog-software {
+  background-color: #d7d7d7;
+}
+
+.action-search-software_infos #filter-catalog-software #filter-categories-option {
+  border:none;
+}
+
+.action-search-software_infos #filter-catalog-software #filter-categories-option h4 {
+ color: black !important;
+ margin: 5px 0 10px 5px;
+}
+
+.project-software{
+  font-weight:bold;
+  font-size:15px;
+  font-family:Arial;
+  margin: 0 0 30px;
+  border-top: 1px dotted;
+  border-bottom: 1px dotted;
+}
+
+.action-search-software_infos #group-categories label {
+  font-family:Arial;
+  font-size: 14px;
+}
+.action-search-software_infos #group-categories label span {
+  font-family:Arial;
+  font-size: 14px;
+}
  
+.action-search-software_infos #group-categories br {
+  display:inline;
+}
+
+.project-software span{
+  margin-left: 5px;
+  color:transparent;
+}
+.project-software span:before {
+  content:"?";
+  border-radius: 50%;  
+  font-size: 16px;
+  padding: 2px 6px;
+  background:#fff;
+  color: #3867b7;
+}
+
+.action-search-software_infos #search-results {
+  border-top: 1px solid #d7d7d7;
 }
-/*
-.search-enterprise-item {
-  border-bottom: 1px solid #eee;
-}*/
  
 .controller-search .action-search-software_infos .search-field .formfield {
-  width: 80%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
 }
  
 .action-search-software_infos .only-one-result-box .search-enterprise-item {
-  padding-top:35px !important;
-  padding-bottom: 35px !important;
+  padding: 29px 0 31px 0 !important;
   background: #ffffff;
-  /*padding: 50px 0 !important;*/
 }
  
 .action-search-software_infos .search-results-innerbox {
@@ -130,30 +286,21 @@
   float:left; 
 }
  
-/*
-.common-profile-list-block .profile-image {
-  padding:0px 200px;
-}
-*/
-
 .action-search-software_infos .search-enterprise-item-column-left{
-  border-right: 1px solid #ccc;
-  width: 143px;
+  border-right: 1px dotted  #ccc;
+  width: 130px;
   height: 130px;
-  /*padding: 0px 60px 0px 10px; /*50 no lugar coloquei 70*/
-  /*margin:none;*/
-  /*position:absolute;*/
 }
  
 .action-search-software_infos .search-enterprise-item-column-right{
   width:60%; /*440px;*/
   float:left;
   margin-left: 130px;
-  /*text-align: justify;*/
 }
  
 #content .search-results-box .vcard {
   display: table;
+  margin: 0;
 }
  
 #content .vcard a:hover{
@@ -171,12 +318,7 @@
 .action-search-software_infos .search-enterprise-item-column-left .vcard img {
   max-width: 90px;
   height: auto;
-  /*margin-left: 15px;
-  margin-right: 15px;*/
-  /*max-height: 130px; /*90px;*/
-  /*margin-left: 60%; /*30%;90px;
-  position: absolute;
-  float: left;*/
+  margin-left:170px;
 }
  
 .action-search-software_infos .common-profile-list-block img{
@@ -184,9 +326,8 @@
 }
  
 .action-search-software_infos .common-profile-list-block .profile-image{
-  /*padding:20px 40px;*/
-  margin-left: 140px; /*85px; TESTANDO*/ 
-  /*margin-top: 10px;*/
+  margin-left: 130px; 
+  margin-top: 35px;
   width: 130px;
   height: 130px;
 }
@@ -195,64 +336,56 @@
   font-size: 13px;
   font-family: Arial;
   opacity: inherit;
-  width:135px;
+  width:130px;
   padding-right:20px;
   text-align: left;
   position:absolute;
   top:0px;
- /* margin-bottom:130px;*/ /*verificar melhor forma de fazer, tamanho da barra laterial*/
-
+  color: #21376c;
 }
 .action-search-software_infos .common-profile-list-block .extra_info::before{
   content: url("images/ic-calendar.png");
-  line-height: 20px;
   margin-right:10px;
   margin-top:6px;
   float: left;
-  /*padding-top: 10px;*/
-  /* position: static; */
-  /* overflow: auto; */
 }
  
 .action-search-software_infos .search-enterprise-item .search-enterprise-item-column-right {
   font-size: 15px;
-  padding-top: 0px;
+  padding: 0 0 0 8px;
   font-family: Arial;
 }
  
+.action-search-software_infos .search-enterprise-item-column-right .search-community-content-block {
+}
 .action-search-software_infos .search-enterprise-item-column-right .search-community-content-block h4 a {
   color:#172938 !important;
   font-size:19px !important;
 }
 .action-search-software_infos .search-enterprise-item-column-right span b{
   font-weight: normal;
+  font-size: 13px;
 }
  
 .action-search-software_infos .search-enterprise-item-column-right span b:last-child {
   float: left;
-  margin-right: 10px;
-  /*font-size: 13px;*/ /*font deve ser aplicada as categorias*/
-}
-/* Verificar a melhor maneira de fazer
-.action-search-software_infos .search-enterprise-item-column-right span b:nth-last-child(2){
-  display: none;
 }
  
-.action-search-software_infos .search-enterprise-item-column-right span a:nth-last-child(1){
-  display: none;
-}*/
-
 .action-search-software_infos .search-community-content-block #categories-list{
-  margin-top:35px;
+  margin-top:30px; 
   margin-bottom: 10px;
 }
+.action-search-software_infos .search-community-content-block #categories-list li a{
+  color:#2B65cd;
+}
+
 .action-search-software_infos .search-community-content-block #categories-list li{
   text-decoration: underline;
   font-size: 13px;
   color:#2B65cd;
-  display:block !important;
   float:left;
-  margin-right: 10px !important;
+  line-height:18px;
+  margin-left: 7px !important;
   width: auto !important;
 }
1		- /controller-search action-search-software_infos template-default webkit/
	1	+/controller-search action-search-software_infos template-default webkit/
	2	+
	3	+.action-search-software_infos br {
	4	+ display:none;
	5	+}
2	6
3	7	#catalog-filter{
4	8	display: none;
5	9	}
	10	+.action-search-software_infos h1,
	11	+.action-search-software_infos h2,
	12	+.action-search-software_infos h3,
	13	+.action-search-software_infos h4{
	14	+ background: transparent !important;
	15	+}
	16	+
	17	+.action-search-software_infos .main-content {
	18	+ border: none;
	19	+ box-shadow: none;
	20	+}
	21	+.action-search-software_infos input[type="checkbox"]{
	22	+ vertical-align:sub;
	23	+}
	24	+
	25	+.action-search-software_infos #content #main-content-wrapper-8 {
	26	+ padding:0px !important;
	27	+ margin-top: 10px;
	28	+}
	29	+
	30	+.action-search-software_infos #content .main-content h2{
	31	+ text-transform: uppercase;
	32	+ font-family: "open_sansregular",Arial, Helvetica,sans-serif;
	33	+ color: #ff0066;
	34	+ font-size:16px;
	35	+}
6	36
	37	+.action-search-software_infos #content .main-content h1{
	38	+ padding:5px 0 10px 0;
	39	+ font-family:Arial, Helvetica, sans-serif;
	40	+ font-size: 35px !important;
	41	+ font-variant: normal;
	42	+}
7	43	.action-search-software_infos #content #main-content-wrapper-8 h1{
8	44	border-top: 4px solid #3E67B1 !important;
9	45	color: #2B65cd !important;
...	...	@@ -12,8 +48,6 @@
12	48	padding: 15px 0px 10px 15px;
13	49	border-bottom:none !important;
14	50	background-color:#eee;
15		- /padding-left: 0.8em !important;/
16		- /margin-left: 0px;/
17	51	}
18	52
19	53	.action-search-software_infos #main-content-wrapper-8 .search-form{
...	...	@@ -24,6 +58,30 @@
24	58	.search-form{
25	59	background: #ecedf1;
26	60	border-radius: 4px;
	61	+ border:1px solid #d7d7d7;
	62	+ padding: 0;
	63	+ margin-top:28px;
	64	+}
	65	+
	66	+.action-search-software_infos .search-form h3{
	67	+ padding:16px 0 10px 14px;
	68	+ font-family:"open_sansregular", Arial, Helvetica, sans-serif;
	69	+ margin:0 !important;
	70	+ font-weight:bold;
	71	+ font-size: 15px !important;
	72	+}
	73	+
	74	+.search-form #search-subheader{
	75	+ padding-left: 14px;
	76	+}
	77	+.search-form #search-header #search-filters{
	78	+ float: left !important;
	79	+ padding-left: 14px;
	80	+}
	81	+
	82	+.search-form{
	83	+ background: #ecedf1;
	84	+ border-radius: 4px;
27	85	}
28	86
29	87	.search-form #search-subheader{
...	...	@@ -43,10 +101,13 @@
43	101	}
44	102
45	103	#search-input {
	104	+ width:95% !important;
46	105	font-size:110%;
47		- margin: 0px 0px 15px 15px;
	106	+ margin: 4px 0px 0px 13px;
48	107	border-radius: 4px;
49		- padding: 0.55em;
	108	+ padding: 6px;
	109	+ font-size: 14px;
	110	+ border: 1px solid #d7d7d7;
50	111	}
51	112
52	113	#search-input.blur {
...	...	@@ -58,20 +119,14 @@
58	119	padding:0.55em;
59	120	}
60	121
61		-.controller-search .search-field .formfield {
62		- width: 80%;
63		-}
64		-
65	122	.controller-search #content form input.button.submit {
66	123	height: 30px;
67	124	max-height: 30px;
68		- width: 104px;
69		- margin-bottom: 22px;
70		- margin-left: 32px;
	125	+ width: auto;
	126	+ padding: 0 14px 0 14px;
	127	+ margin: 14px;
71	128	text-transform: uppercase;
72		- font-weight: bold;
73		- /border: 1px solid #4562b1;/
74		- /padding:0px;/
	129	+ font-family:"open_sansbold",Arial,sans-serif;
75	130	color:#ffffff;
76	131	background-color:#4562b1;
77	132	}
...	...	@@ -81,8 +136,8 @@
81	136	color:#172738;
82	137	font-size:20px;
83	138	padding:5px;
84		-
85	139	}
	140	+
86	141	.action-search-software_infos #content input.button{
87	142	background-color:#2B65cd;
88	143	border: 1px solid #2B65cd;
...	...	@@ -94,22 +149,123 @@
94	149
95	150	.action-search-software_infos .icon-search{
96	151	background-image:none !important;
	152	+}
	153	+
	154	+.action-search-software_infos #filter-option-catalog-software:hover {
	155	+ background-color: #c7c7c7;
	156	+}
	157	+
	158	+.action-search-software_infos #filter-option-catalog-software {
	159	+ border:none;
	160	+ font-size: 11px;
	161	+ padding: 14px;
	162	+ background-color: #d7d7d7;
	163	+}
	164	+
	165	+.action-search-software_infos #filter-option-catalog-software:after {
	166	+ margin-left:5px;
	167	+ background:url("/designs/themes/noosfero-spb-theme/images/bottom-arrow.png") no-repeat center;
	168	+ background-color:#4562b1;
	169	+ padding: 3px 10.5px;
	170	+ border-radius: 4px;
	171	+ content: "";
	172	+}
	173	+
	174	+.action-search-software_infos #cleanup-filter-catalg {
	175	+ background-color:#4562b1;
	176	+ font-size: 14px;
	177	+ font-family:Arial;
	178	+ cursor:pointer;
	179	+}
	180	+
	181	+.action-search-software_infos #close-filter-catalog {
	182	+ cursor:pointer;
	183	+}
	184	+
	185	+.action-search-software_infos #close-filter-catalog:after {
	186	+ margin-left:5px;
	187	+ background:url("/designs/themes/noosfero-spb-theme/images/top-arrow.png") no-repeat center;
	188	+ background-color:#4562b1;
	189	+ padding: 2.5px 10.5px;
	190	+ border-radius: 4px;
	191	+ content: "";
	192	+}
	193	+
	194	+.action-search-software_infos #catalog-display-options {
	195	+ font-size:14px;
	196	+ font-family:Arial;
	197	+}
	198	+
	199	+.action-search-software_infos #catalog-display-options #catalog-display-options-count{
	200	+ padding: 45px 0 4px 0;
	201	+}
	202	+
	203	+.action-search-software_infos #catalog-display-options #catalog-display-options-show-and-sort{
	204	+ padding: 38px 0 5px 0;
	205	+ font-weight:bold;
	206	+}
	207	+
	208	+.action-search-software_infos #filter-catalog-software {
	209	+ background-color: #d7d7d7;
	210	+}
	211	+
	212	+.action-search-software_infos #filter-catalog-software #filter-categories-option {
	213	+ border:none;
	214	+}
	215	+
	216	+.action-search-software_infos #filter-catalog-software #filter-categories-option h4 {
	217	+ color: black !important;
	218	+ margin: 5px 0 10px 5px;
	219	+}
	220	+
	221	+.project-software{
	222	+ font-weight:bold;
	223	+ font-size:15px;
	224	+ font-family:Arial;
	225	+ margin: 0 0 30px;
	226	+ border-top: 1px dotted;
	227	+ border-bottom: 1px dotted;
	228	+}
	229	+
	230	+.action-search-software_infos #group-categories label {
	231	+ font-family:Arial;
	232	+ font-size: 14px;
	233	+}
	234	+.action-search-software_infos #group-categories label span {
	235	+ font-family:Arial;
	236	+ font-size: 14px;
	237	+}
97	238
	239	+.action-search-software_infos #group-categories br {
	240	+ display:inline;
	241	+}
	242	+
	243	+.project-software span{
	244	+ margin-left: 5px;
	245	+ color:transparent;
	246	+}
	247	+.project-software span:before {
	248	+ content:"?";
	249	+ border-radius: 50%;
	250	+ font-size: 16px;
	251	+ padding: 2px 6px;
	252	+ background:#fff;
	253	+ color: #3867b7;
	254	+}
	255	+
	256	+.action-search-software_infos #search-results {
	257	+ border-top: 1px solid #d7d7d7;
98	258	}
99		-/*
100		-.search-enterprise-item {
101		- border-bottom: 1px solid #eee;
102		-}*/
103	259
104	260	.controller-search .action-search-software_infos .search-field .formfield {
105		- width: 80%;
	261	+ width: 100%;
	262	+ margin: 0;
	263	+ padding: 0;
106	264	}
107	265
108	266	.action-search-software_infos .only-one-result-box .search-enterprise-item {
109		- padding-top:35px !important;
110		- padding-bottom: 35px !important;
	267	+ padding: 29px 0 31px 0 !important;
111	268	background: #ffffff;
112		- /padding: 50px 0 !important;/
113	269	}
114	270
115	271	.action-search-software_infos .search-results-innerbox {
...	...	@@ -130,30 +286,21 @@
130	286	float:left;
131	287	}
132	288
133		-/*
134		-.common-profile-list-block .profile-image {
135		- padding:0px 200px;
136		-}
137		-*/
138		-
139	289	.action-search-software_infos .search-enterprise-item-column-left{
140		- border-right: 1px solid #ccc;
141		- width: 143px;
	290	+ border-right: 1px dotted #ccc;
	291	+ width: 130px;
142	292	height: 130px;
143		- /padding: 0px 60px 0px 10px; /50 no lugar coloquei 70*/
144		- /margin:none;/
145		- /position:absolute;/
146	293	}
147	294
148	295	.action-search-software_infos .search-enterprise-item-column-right{
149	296	width:60%; /440px;/
150	297	float:left;
151	298	margin-left: 130px;
152		- /text-align: justify;/
153	299	}
154	300
155	301	#content .search-results-box .vcard {
156	302	display: table;
	303	+ margin: 0;
157	304	}
158	305
159	306	#content .vcard a:hover{
...	...	@@ -171,12 +318,7 @@
171	318	.action-search-software_infos .search-enterprise-item-column-left .vcard img {
172	319	max-width: 90px;
173	320	height: auto;
174		- /*margin-left: 15px;
175		- margin-right: 15px;*/
176		- /max-height: 130px; /90px;*/
177		- /margin-left: 60%; /30%;90px;
178		- position: absolute;
179		- float: left;*/
	321	+ margin-left:170px;
180	322	}
181	323
182	324	.action-search-software_infos .common-profile-list-block img{
...	...	@@ -184,9 +326,8 @@
184	326	}
185	327
186	328	.action-search-software_infos .common-profile-list-block .profile-image{
187		- /padding:20px 40px;/
188		- margin-left: 140px; /85px; TESTANDO/
189		- /margin-top: 10px;/
	329	+ margin-left: 130px;
	330	+ margin-top: 35px;
190	331	width: 130px;
191	332	height: 130px;
192	333	}
...	...	@@ -195,64 +336,56 @@
195	336	font-size: 13px;
196	337	font-family: Arial;
197	338	opacity: inherit;
198		- width:135px;
	339	+ width:130px;
199	340	padding-right:20px;
200	341	text-align: left;
201	342	position:absolute;
202	343	top:0px;
203		- /* margin-bottom:130px;/ /verificar melhor forma de fazer, tamanho da barra laterial*/
204		-
	344	+ color: #21376c;
205	345	}
206	346	.action-search-software_infos .common-profile-list-block .extra_info::before{
207	347	content: url("images/ic-calendar.png");
208		- line-height: 20px;
209	348	margin-right:10px;
210	349	margin-top:6px;
211	350	float: left;
212		- /padding-top: 10px;/
213		- /* position: static; */
214		- /* overflow: auto; */
215	351	}
216	352
217	353	.action-search-software_infos .search-enterprise-item .search-enterprise-item-column-right {
218	354	font-size: 15px;
219		- padding-top: 0px;
	355	+ padding: 0 0 0 8px;
220	356	font-family: Arial;
221	357	}
222	358
	359	+.action-search-software_infos .search-enterprise-item-column-right .search-community-content-block {
	360	+}
223	361	.action-search-software_infos .search-enterprise-item-column-right .search-community-content-block h4 a {
224	362	color:#172938 !important;
225	363	font-size:19px !important;
226	364	}
227	365	.action-search-software_infos .search-enterprise-item-column-right span b{
228	366	font-weight: normal;
	367	+ font-size: 13px;
229	368	}
230	369
231	370	.action-search-software_infos .search-enterprise-item-column-right span b:last-child {
232	371	float: left;
233		- margin-right: 10px;
234		- /font-size: 13px;/ /font deve ser aplicada as categorias/
235		-}
236		-/* Verificar a melhor maneira de fazer
237		-.action-search-software_infos .search-enterprise-item-column-right span b:nth-last-child(2){
238		- display: none;
239	372	}
240	373
241		-.action-search-software_infos .search-enterprise-item-column-right span a:nth-last-child(1){
242		- display: none;
243		-}*/
244		-
245	374	.action-search-software_infos .search-community-content-block #categories-list{
246		- margin-top:35px;
	375	+ margin-top:30px;
247	376	margin-bottom: 10px;
248	377	}
	378	+.action-search-software_infos .search-community-content-block #categories-list li a{
	379	+ color:#2B65cd;
	380	+}
	381	+
249	382	.action-search-software_infos .search-community-content-block #categories-list li{
250	383	text-decoration: underline;
251	384	font-size: 13px;
252	385	color:#2B65cd;
253		- display:block !important;
254	386	float:left;
255		- margin-right: 10px !important;
	387	+ line-height:18px;
	388	+ margin-left: 7px !important;
256	389	width: auto !important;
257	390	}
258	391
...	...