Download as
Browse Code »

Commit be51ee4bb385bc6e7647e6d745228ae69cb526d2

Authored by Tomáz Martins
1 parent 08cda251

Adjusting configurations of positions 2, 3, and 4 in page 1

Showing 1 changed file with 44 additions and 16 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: justify; 2 + text-align: left;
3 max-height: 65px; 3 max-height: 65px;
4 text-overflow: ellipsis; 4 text-overflow: ellipsis;
5 overflow: hidden; 5 overflow: hidden;
@@ -24,7 +24,7 @@ @@ -24,7 +24,7 @@
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 - border-radius: 8px; 27 + border-radius: 4px;
28 width: 150px; 28 width: 150px;
29 height: 100px; 29 height: 100px;
30 float: left; 30 float: left;
@@ -42,6 +42,7 @@ @@ -42,6 +42,7 @@
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; 44 margin-bottom: -5px;
  45 + color: #172738;
45 } 46 }
46 47
47 /***** Behavior to special posts *****/ 48 /***** Behavior to special posts *****/
@@ -55,7 +56,10 @@ @@ -55,7 +56,10 @@
55 } 56 }
56 57
57 .action-content_viewer-view_page .page-1 .position-1 .title a { 58 .action-content_viewer-view_page .page-1 .position-1 .title a {
58 - font-size: 32px; 59 + font-size: 34px;
  60 + color: #172738 !important;
  61 + line-height: 37px;
  62 +
59 } 63 }
60 64
61 /* Secondary posts */ 65 /* Secondary posts */
@@ -67,6 +71,17 @@ @@ -67,6 +71,17 @@
67 max-height: 45px; 71 max-height: 45px;
68 text-overflow: ellipsis; 72 text-overflow: ellipsis;
69 overflow: hidden; 73 overflow: hidden;
  74 + color: #172738;
  75 +}
  76 +.action-content_viewer-view_page .page-1 .position-2,
  77 +.action-content_viewer-view_page .page-1 .position-3,
  78 +.action-content_viewer-view_page .page-1 .position-4 {
  79 + width: 150px;
  80 + display: block;
  81 + float:left;
  82 + height: 235px;
  83 + padding:30px;
  84 +
70 } 85 }
71 86
72 .action-content_viewer-view_page .page-1 .position-2 .post-pic, 87 .action-content_viewer-view_page .page-1 .position-2 .post-pic,
@@ -75,46 +90,61 @@ @@ -75,46 +90,61 @@
75 width: 100%; 90 width: 100%;
76 top: 10px; 91 top: 10px;
77 margin-top: 5px; 92 margin-top: 5px;
  93 + /*display: table-cell;*/
78 } 94 }
79 95
80 -.action-content_viewer-view_page .page-1 .position-2 {  
81 - display: table-cell; 96 +/*.action-content_viewer-view_page .page-1 .position-2 {
  97 + display: block;
  98 + float:left;
82 width: 222px; 99 width: 222px;
83 padding-left: 0px; 100 padding-left: 0px;
84 padding-right: 20px; 101 padding-right: 20px;
85 } 102 }
86 103
87 .action-content_viewer-view_page .page-1 .position-3 { 104 .action-content_viewer-view_page .page-1 .position-3 {
88 - display: table-cell; 105 + display: block;
  106 + float:left;
89 width: 232px; 107 width: 232px;
90 padding-left: 10px; 108 padding-left: 10px;
91 padding-right: 10px; 109 padding-right: 10px;
92 } 110 }
93 111
94 .action-content_viewer-view_page .page-1 .position-4 { 112 .action-content_viewer-view_page .page-1 .position-4 {
95 - display: table-cell; 113 + display: block;
  114 + float:left;
96 width: 222px; 115 width: 222px;
97 padding-left: 20px; 116 padding-left: 20px;
98 padding-right: 0px; 117 padding-right: 0px;
99 } 118 }
100 - 119 +*/
101 .action-content_viewer-view_page #content .blog-post { 120 .action-content_viewer-view_page #content .blog-post {
102 background: none; 121 background: none;
103 border-bottom: 1px solid #ccc; 122 border-bottom: 1px solid #ccc;
104 padding-top: 25px; 123 padding-top: 25px;
105 } 124 }
  125 +.action-content_viewer-view_page #content .main-block .article-body h1 {
  126 + padding-top: 0px !important;
  127 +}
106 128
107 .action-content_viewer-view_page #content .blog-post h1.title { 129 .action-content_viewer-view_page #content .blog-post h1.title {
108 - padding-top: 0 !important;  
109 border-top: none !important; 130 border-top: none !important;
110 - margin-top: 0px !important;  
111 - margin-bottom: 0px !important; 131 +}
  132 +
  133 +.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,
  135 +.action-content_viewer-view_page #content .blog-post .position-7 h1.title,
  136 +.action-content_viewer-view_page #content .blog-post .position-8 h1.title,
  137 +.action-content_viewer-view_page #content .blog-post .position-9 h1.title,
  138 +.action-content_viewer-view_page #content .blog-post .position-10 h1.title {
  139 + margin-top: 0px;
  140 + margin-bottom: 0px;
  141 + padding-top: 0px;
112 } 142 }
113 143
114 .action-content_viewer-view_page #content .main-block #article p { 144 .action-content_viewer-view_page #content .main-block #article p {
115 max-height: 65px; 145 max-height: 65px;
116 - text-overflow: ellipsis;  
117 overflow: hidden; 146 overflow: hidden;
  147 + text-overflow: ellipsis;
118 } 148 }
119 149
120 .action-content_viewer-view_page #content .publishing-info { 150 .action-content_viewer-view_page #content .publishing-info {
@@ -123,11 +153,9 @@ @@ -123,11 +153,9 @@
123 153
124 .action-content_viewer-view_page #content .blog-post .publishing-info { 154 .action-content_viewer-view_page #content .blog-post .publishing-info {
125 border-top: none; 155 border-top: none;
126 - padding-top: 0px;  
127 - margin-top: 0px;  
128 - font-size: 12px;  
129 color: #172838; 156 color: #172838;
  157 + font-size: 12px;
130 font-family: arial; 158 font-family: arial;
131 - margin-bottom: 0px; 159 + line-height: 21px;
132 } 160 }
133 161