Download as
Browse Code »

Commit 0cfab289fd7eb25a6877a860f2e5971c124382fe

Authored by Tomáz Martins
1 parent be51ee4b
Exists in news_page_css

Adjusting position-5 to maintain the standard

Showing 1 changed file with 31 additions and 46 deletions   Show diff stats
1 .action-content_viewer-view_page #content .main-block #article p { 1 .action-content_viewer-view_page #content .main-block #article p {
2 - text-align: left;  
3 max-height: 65px; 2 max-height: 65px;
4 - text-overflow: ellipsis;  
5 overflow: hidden; 3 overflow: hidden;
  4 + text-align: left;
  5 + text-overflow: ellipsis;
6 } 6 }
7 7
8 /******************** New layout of blog. ********************/ 8 /******************** New layout of blog. ********************/
@@ -14,35 +14,35 @@ @@ -14,35 +14,35 @@
14 } 14 }
15 15
16 .action-content_viewer-view_page.blog-post h1.title { 16 .action-content_viewer-view_page.blog-post h1.title {
17 - padding-left: 25px;  
18 margin-bottom: 0px; 17 margin-bottom: 0px;
  18 + padding-left: 25px;
19 } 19 }
20 20
21 .action-content_viewer-view_page .blog-post .title a { 21 .action-content_viewer-view_page .blog-post .title a {
22 - font-size: 16px;  
23 font-family: arial; 22 font-family: arial;
  23 + font-size: 16px;
24 } 24 }
25 25
26 .action-content_viewer-view_page .blog-post .post-pic { 26 .action-content_viewer-view_page .blog-post .post-pic {
  27 + background-size: 100% 100%;
27 border-radius: 4px; 28 border-radius: 4px;
28 - width: 150px;  
29 - height: 100px;  
30 float: left; 29 float: left;
31 - margin-right: 10px; 30 + height: 100px;
32 margin-bottom: 5px; 31 margin-bottom: 5px;
33 - background-size: 100% 100%; 32 + margin-right: 10px;
  33 + width: 150px;
34 } 34 }
35 35
36 .action-content_viewer-view_page .blog-post .short-post { 36 .action-content_viewer-view_page .blog-post .short-post {
37 - text-align: justify;  
38 max-height: 25px; 37 max-height: 25px;
39 - text-overflow: ellipsis;  
40 overflow: hidden; 38 overflow: hidden;
  39 + text-align: justify;
  40 + text-overflow: ellipsis;
41 } 41 }
42 42
43 .action-content_viewer-view_page .blog-post .short-post p { 43 .action-content_viewer-view_page .blog-post .short-post p {
44 - margin-bottom: -5px;  
45 color: #172738; 44 color: #172738;
  45 + margin-bottom: -5px;
46 } 46 }
47 47
48 /***** Behavior to special posts *****/ 48 /***** Behavior to special posts *****/
@@ -50,14 +50,14 @@ @@ -50,14 +50,14 @@
50 /* Featured post */ 50 /* Featured post */
51 51
52 .action-content_viewer-view_page .page-1 .position-1 .post-pic { 52 .action-content_viewer-view_page .page-1 .position-1 .post-pic {
53 - width: 100%;  
54 height: 315px; 53 height: 315px;
55 max-height: 315px; 54 max-height: 315px;
  55 + width: 100%;
56 } 56 }
57 57
58 .action-content_viewer-view_page .page-1 .position-1 .title a { 58 .action-content_viewer-view_page .page-1 .position-1 .title a {
59 - font-size: 34px;  
60 color: #172738 !important; 59 color: #172738 !important;
  60 + font-size: 34px;
61 line-height: 37px; 61 line-height: 37px;
62 62
63 } 63 }
@@ -67,56 +67,30 @@ @@ -67,56 +67,30 @@
67 .action-content_viewer-view_page .page-1 .position-2 .short-post, 67 .action-content_viewer-view_page .page-1 .position-2 .short-post,
68 .action-content_viewer-view_page .page-1 .position-3 .short-post, 68 .action-content_viewer-view_page .page-1 .position-3 .short-post,
69 .action-content_viewer-view_page .page-1 .position-4 .short-post { 69 .action-content_viewer-view_page .page-1 .position-4 .short-post {
70 - text-align: justify; 70 + color: #172738;
71 max-height: 45px; 71 max-height: 45px;
72 - text-overflow: ellipsis;  
73 overflow: hidden; 72 overflow: hidden;
74 - color: #172738; 73 + text-align: justify;
  74 + text-overflow: ellipsis;
75 } 75 }
76 .action-content_viewer-view_page .page-1 .position-2, 76 .action-content_viewer-view_page .page-1 .position-2,
77 .action-content_viewer-view_page .page-1 .position-3, 77 .action-content_viewer-view_page .page-1 .position-3,
78 .action-content_viewer-view_page .page-1 .position-4 { 78 .action-content_viewer-view_page .page-1 .position-4 {
79 - width: 150px;  
80 display: block; 79 display: block;
81 float:left; 80 float:left;
82 height: 235px; 81 height: 235px;
83 padding:30px; 82 padding:30px;
84 - 83 + width: 150px;
85 } 84 }
86 85
87 .action-content_viewer-view_page .page-1 .position-2 .post-pic, 86 .action-content_viewer-view_page .page-1 .position-2 .post-pic,
88 .action-content_viewer-view_page .page-1 .position-3 .post-pic, 87 .action-content_viewer-view_page .page-1 .position-3 .post-pic,
89 .action-content_viewer-view_page .page-1 .position-4 .post-pic { 88 .action-content_viewer-view_page .page-1 .position-4 .post-pic {
90 - width: 100%;  
91 - top: 10px;  
92 margin-top: 5px; 89 margin-top: 5px;
93 - /*display: table-cell;*/  
94 -}  
95 -  
96 -/*.action-content_viewer-view_page .page-1 .position-2 {  
97 - display: block;  
98 - float:left;  
99 - width: 222px;  
100 - padding-left: 0px;  
101 - padding-right: 20px;  
102 -}  
103 -  
104 -.action-content_viewer-view_page .page-1 .position-3 {  
105 - display: block;  
106 - float:left;  
107 - width: 232px;  
108 - padding-left: 10px;  
109 - padding-right: 10px; 90 + top: 10px;
  91 + width: 100%;
110 } 92 }
111 93
112 -.action-content_viewer-view_page .page-1 .position-4 {  
113 - display: block;  
114 - float:left;  
115 - width: 222px;  
116 - padding-left: 20px;  
117 - padding-right: 0px;  
118 -}  
119 -*/  
120 .action-content_viewer-view_page #content .blog-post { 94 .action-content_viewer-view_page #content .blog-post {
121 background: none; 95 background: none;
122 border-bottom: 1px solid #ccc; 96 border-bottom: 1px solid #ccc;
@@ -130,6 +104,18 @@ @@ -130,6 +104,18 @@
130 border-top: none !important; 104 border-top: none !important;
131 } 105 }
132 106
  107 +/* Other Positions */
  108 +
  109 +/* This rule serves to maintain the element in position-5 clear the
  110 + * configurations of float.
  111 + *
  112 + * TODO: the ideal would be edit HTML of position-2, position-3 and
  113 + * position-4 to a list and don't use float.
  114 + */
  115 +.action-content_viewer-view_page #content .blog-post.position-5 {
  116 + clear: both;
  117 +}
  118 +
133 .action-content_viewer-view_page #content .blog-post .position-5 h1.title, 119 .action-content_viewer-view_page #content .blog-post .position-5 h1.title,
134 .action-content_viewer-view_page #content .blog-post .position-6 h1.title, 120 .action-content_viewer-view_page #content .blog-post .position-6 h1.title,
135 .action-content_viewer-view_page #content .blog-post .position-7 h1.title, 121 .action-content_viewer-view_page #content .blog-post .position-7 h1.title,
@@ -158,4 +144,3 @@ @@ -158,4 +144,3 @@
158 font-family: arial; 144 font-family: arial;
159 line-height: 21px; 145 line-height: 21px;
160 } 146 }
161 -