Commit be51ee4bb385bc6e7647e6d745228ae69cb526d2
1 parent
08cda251
Exists in
news_page_css
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
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 |