Adjusting highlights block with the new version

Tomáz Martins
1 parent 1255ac8a
Showing 1 changed file with 18 additions and 19 deletions Show diff stats
css/home-page.css
@@ -363,34 +363,31 @@
 /******* See As Well Block - Highlights block *******/
  
 .action-home-index #content .highlights-block .block-title {
-  margin: 11px 0px 0px;
-  border: 1px solid #c0c1c1;
-  border-bottom: 0;
-  border-radius: 8px 8px 0 0;
-  padding: 15px 1px 21px 15px;
-  width: auto;
-  height: 16px;
-  background-color: #fff;
-  color: #172638;
-  font: bold 16px/1.3em 'open_sansbold', arial, helvetica, sans-serif;
-  text-transform: uppercase;
+  display: none;
 }
  
 .action-home-index #content .highlights-border {
   border: 1px solid #c0c1c1;
-  border-radius: 0px 0px 8px 8px;
+  border-radius: 8px 8px 8px 8px;
   width: auto;
-  max-height: 230px;
-  background: #fff;
+  height: 248px;
+  max-height: 250px;
+  background-color: #e8e9ec;
+  background-image: linear-gradient(
+    0deg,
+    transparent 45%,
+    #fff 55%);
+  background-size: 100% 100%;
 }
  
 .action-home-index #content .highlights-container {
-  border-radius: 0px 0px 8px 8px;
+  border-radius: 8px 8px 8px 8px;
   border-width: 0px 0px 1px 0px;
+  border-bottom: none;
   padding: 0px 0px 0px 0px;
   width: 100% !important;
   max-height: 230px;
-  background: #fff;
+  background: transparent;
   position: relative;
   top: 0px;
 }
@@ -403,6 +400,10 @@
   background-color: #fff;
 }
  
+.action-home-index #content .highlights-image-link img{
+  max-height: 100px;
+}
+
 .action-home-index #content .highlights-label {
   border-top: 4px solid #3b61a7;
   padding: 23px 20px 46px 20px;
@@ -419,10 +420,8 @@
  
 .action-home-index #content .highlights-block-pager {
   border: 0;
-  padding: 14px 0px 0px 0px;
-  height: 1px;
+  padding: 0px 0px 0px 0px;
   width: 232px;
-  background-color: #FFF;
   float: left;
   position: static;
 }
...	...	@@ -363,34 +363,31 @@
363	363	/***** See As Well Block - Highlights block *****/
364	364
365	365	.action-home-index #content .highlights-block .block-title {
366		- margin: 11px 0px 0px;
367		- border: 1px solid #c0c1c1;
368		- border-bottom: 0;
369		- border-radius: 8px 8px 0 0;
370		- padding: 15px 1px 21px 15px;
371		- width: auto;
372		- height: 16px;
373		- background-color: #fff;
374		- color: #172638;
375		- font: bold 16px/1.3em 'open_sansbold', arial, helvetica, sans-serif;
376		- text-transform: uppercase;
	366	+ display: none;
377	367	}
378	368
379	369	.action-home-index #content .highlights-border {
380	370	border: 1px solid #c0c1c1;
381		- border-radius: 0px 0px 8px 8px;
	371	+ border-radius: 8px 8px 8px 8px;
382	372	width: auto;
383		- max-height: 230px;
384		- background: #fff;
	373	+ height: 248px;
	374	+ max-height: 250px;
	375	+ background-color: #e8e9ec;
	376	+ background-image: linear-gradient(
	377	+ 0deg,
	378	+ transparent 45%,
	379	+ #fff 55%);
	380	+ background-size: 100% 100%;
385	381	}
386	382
387	383	.action-home-index #content .highlights-container {
388		- border-radius: 0px 0px 8px 8px;
	384	+ border-radius: 8px 8px 8px 8px;
389	385	border-width: 0px 0px 1px 0px;
	386	+ border-bottom: none;
390	387	padding: 0px 0px 0px 0px;
391	388	width: 100% !important;
392	389	max-height: 230px;
393		- background: #fff;
	390	+ background: transparent;
394	391	position: relative;
395	392	top: 0px;
396	393	}
...	...	@@ -403,6 +400,10 @@
403	400	background-color: #fff;
404	401	}
405	402
	403	+.action-home-index #content .highlights-image-link img{
	404	+ max-height: 100px;
	405	+}
	406	+
406	407	.action-home-index #content .highlights-label {
407	408	border-top: 4px solid #3b61a7;
408	409	padding: 23px 20px 46px 20px;
...	...	@@ -419,10 +420,8 @@
419	420
420	421	.action-home-index #content .highlights-block-pager {
421	422	border: 0;
422		- padding: 14px 0px 0px 0px;
423		- height: 1px;
	423	+ padding: 0px 0px 0px 0px;
424	424	width: 232px;
425		- background-color: #FFF;
426	425	float: left;
427	426	position: static;
428	427	}
...	...