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