Download as
Browse Code »

Commit 7e30eceb1f1e3afac454af2c2da0d0e56c1d3891

Authored by Melissa Wen
2 parents acaae92c 7efa59f9
Exists in master and in 9 other branches bootstrap_modal, bug_fix_40, code_block, design_41_backup, event_block, master_with_pkg_fixes, pkg_fixes, r4, r5_design

Merge branch 'restructuring_css' of https://gitlab.com/softwarepublico/noosfero-… 

…spb-theme into restructuring_css
Showing 1 changed file with 188 additions and 0 deletions   Show diff stats
css/news-page.css 0 → 100644
  Diff comments   View file @7e30ece
... ... @@ -0,0 +1,188 @@
  1 +/*** News Page's homepage ***/
  2 +
  3 +/** Header's Block **/
  4 +#content .blog #article-header h1.title {
  5 + margin: 0px 0px 10px 0px;
  6 + border: none;
  7 + padding: 0px 0px 0px 0px;
  8 + color: #FF0366;
  9 + text-transform: uppercase;
  10 + font: normal normal normal 16px/37px 'open_sansregular';
  11 +}
  12 +
  13 +/* WARNING:
  14 + * This solution is TEMPORARY. This informations shouldn't exist
  15 + * in this area.
  16 + *
  17 + * TODO: Remove this informations of the html and, then, from here.
  18 + */
  19 +#content .blog #article-header .publishing-info .date,
  20 +#content .blog #article-header .publishing-info .author,
  21 +#content .blog #article-header .publishing-info .comments {
  22 + display: none;
  23 +}
  24 +
  25 +
  26 +/** General Properties of News **/
  27 +#content .blog p {
  28 + margin: 0px 0px 5px 0px;
  29 + max-height: 25px;
  30 + color: #172738;
  31 + text-align: left;
  32 + text-overflow: ellipsis;
  33 + font: 14px/21px arial;
  34 + overflow: hidden;
  35 +}
  36 +
  37 +#content .blog .publishing-info {
  38 + display: inline;
  39 +}
  40 +
  41 +#content .blog .blog-post {
  42 + margin: 0 auto;
  43 + border-bottom: 1px solid #ccc;
  44 + padding: 25px 0px 0px 0px;
  45 + background: none;
  46 +}
  47 +
  48 +#content .blog .blog-post h1.title {
  49 + margin: 0px 0px 10px 0px;
  50 + border: none;
  51 + padding: 0px 0px 0px 0px;
  52 + font: normal normal bold 16px/20px arial;
  53 +}
  54 +
  55 +/* WARNING:
  56 + * This solution is TEMPORARY. This informations shouldn't exist
  57 + * in this area.
  58 + *
  59 + * TODO: Remove this informations of the html and, then, from here.
  60 + */
  61 +#content .blog .blog-post .author {
  62 + display: none;
  63 +}
  64 +
  65 +#content .blog .blog-post .publishing-info {
  66 + border-top: none;
  67 + color: #172838;
  68 + font: 13px/21px arial;
  69 +}
  70 +
  71 +#content .blog .blog-post .publishing-info .date {
  72 + margin: 0px 0px 5px 0px;
  73 + display: block;
  74 +}
  75 +
  76 +#content .blog .blog-post .post-pic {
  77 + margin: 0px 20px 5px 0px;
  78 + border-radius: 4px;
  79 + height: 80px;
  80 + width: 20%;
  81 + background: center/cover no-repeat;
  82 + float: left;
  83 +}
  84 +
  85 +#content .blog .blog-post .short-post {
  86 + max-height: 35px;
  87 + text-align: justify;
  88 + text-overflow: ellipsis;
  89 + overflow: hidden;
  90 +}
  91 +
  92 +/* WARNING:
  93 + * This solution is TEMPORARY. This informations shouldn't exist
  94 + * in this area.
  95 + *
  96 + * TODO: Remove this informations of the html and, then, from here.
  97 + * The correct is the text is sensitive to lead to the complete text.
  98 + */
  99 +#content .blog .blog-post .read-more {
  100 + display: none;
  101 +}
  102 +
  103 +#content .blog #article-actions:last-child {
  104 + border-top: none;
  105 +}
  106 +/** end of General Properties of News **/
  107 +
  108 +
  109 +/** Main News' Block **/
  110 +#content .blog .page-1 .position-1 {
  111 + padding: 0px 0px 0px 0px;
  112 +}
  113 +
  114 +#content .blog .page-1 .position-1 .title a {
  115 + line-height: 37px;
  116 + color: #172738 !important;
  117 + font-size: 34px;
  118 +}
  119 +
  120 +#content .blog .page-1 .position-1 .post-pic {
  121 + margin: 0px 0px 13px 0px;
  122 + max-height: 320px;
  123 + height: 320px;
  124 + width: 100%;
  125 +}
  126 +
  127 +#content .blog .page-1 .position-1 .short-post {
  128 + max-height: 50px;
  129 +}
  130 +
  131 +
  132 +/** Secondary News' Block **/
  133 +#content .blog .page-1 .position-2,
  134 +#content .blog .page-1 .position-3,
  135 +#content .blog .page-1 .position-4 {
  136 + margin: 0px 0px 0px 0px;
  137 + padding: 20px 30px 45px 0px;
  138 + height: 235px;
  139 + width: 30.5%;
  140 + display: block;
  141 + float: left;
  142 +}
  143 +
  144 +#content .blog .page-1 .position-2 p,
  145 +#content .blog .page-1 .position-3 p,
  146 +#content .blog .page-1 .position-4 p {
  147 + max-height: 45px;
  148 +}
  149 +
  150 +#content .blog .page-1 .position-4 {
  151 + margin: 0px;
  152 + padding-right: 0px;
  153 +}
  154 +
  155 +#content .blog .page-1 .position-2 .post-pic,
  156 +#content .blog .page-1 .position-3 .post-pic,
  157 +#content .blog .page-1 .position-4 .post-pic {
  158 + margin-top: 12px;
  159 + top: 10px;
  160 + height: 120px;
  161 + width: 100%;
  162 +}
  163 +
  164 +#content .blog .page-1 .position-4 .post-pic {
  165 + margin-right: 0px;
  166 +}
  167 +
  168 +#content .blog .page-1 .position-2 .short-post,
  169 +#content .blog .page-1 .position-3 .short-post,
  170 +#content .blog .page-1 .position-4 .short-post {
  171 + max-height: 50px;
  172 + color: #172738;
  173 + text-align: justify;
  174 + text-overflow: ellipsis;
  175 + overflow: hidden;
  176 +}
  177 +
  178 +
  179 +/** Lastest News' Block ***/
  180 +
  181 +/* This rule serves to maintain the element in position-5 clear the
  182 + * configurations of float.
  183 + */
  184 +#content .blog .blog-post.position-5 {
  185 + clear: both;
  186 +}
  187 +
  188 +/*** end of News Page's homepage ***/
0 189 \ No newline at end of file
... ...