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

…spb-theme into restructuring_css

Merge branch 'restructuring_css' of https://gitlab.com/softwarepublico/noosfero-…
…spb-theme into restructuring_css
Melissa Wen
2 parents acaae92c 7efa59f9
Showing 1 changed file with 188 additions and 0 deletions Show diff stats
css/news-page.css
@@ -0,0 +1,188 @@
+/*** News Page's homepage ***/
+
+/** Header's Block **/
+#content .blog #article-header h1.title {
+  margin: 0px 0px 10px 0px;
+  border: none;
+  padding: 0px 0px 0px 0px;
+  color: #FF0366;
+  text-transform: uppercase;
+  font: normal normal normal 16px/37px 'open_sansregular';
+}
+
+/* WARNING:
+ *   This solution is TEMPORARY. This informations shouldn't exist
+ *   in this area.
+ *   
+ *   TODO: Remove this informations of the html and, then, from here.
+ */
+#content .blog #article-header .publishing-info .date,
+#content .blog #article-header .publishing-info .author,
+#content .blog #article-header .publishing-info .comments {
+  display: none;
+}
+
+
+/** General Properties of News **/
+#content .blog p {
+  margin: 0px 0px 5px 0px;
+  max-height: 25px;
+  color: #172738;
+  text-align: left;
+  text-overflow: ellipsis;
+  font: 14px/21px arial;
+  overflow: hidden;
+}
+
+#content .blog .publishing-info {
+  display: inline;
+}
+
+#content .blog .blog-post {
+  margin: 0 auto;
+  border-bottom: 1px solid #ccc;
+  padding: 25px 0px 0px 0px;
+  background: none;
+}
+
+#content .blog .blog-post h1.title {
+  margin: 0px 0px 10px 0px;
+  border: none;
+  padding: 0px 0px 0px 0px;
+  font: normal normal bold 16px/20px arial;
+}
+
+/* WARNING:
+ *   This solution is TEMPORARY. This informations shouldn't exist
+ *   in this area.
+ *   
+ *   TODO: Remove this informations of the html and, then, from here.
+ */
+#content .blog .blog-post .author {
+  display: none;
+}
+
+#content .blog .blog-post .publishing-info {
+  border-top: none;
+  color: #172838;
+  font: 13px/21px arial;
+}
+
+#content .blog .blog-post .publishing-info .date {
+  margin: 0px 0px 5px 0px;
+  display: block;
+}
+
+#content .blog .blog-post .post-pic {
+  margin: 0px 20px 5px 0px;
+  border-radius: 4px;
+  height: 80px;
+  width: 20%;
+  background: center/cover no-repeat;
+  float: left;
+}
+
+#content .blog .blog-post .short-post {
+  max-height: 35px;
+  text-align: justify;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+/* WARNING:
+ *   This solution is TEMPORARY. This informations shouldn't exist
+ *   in this area.
+ *   
+ *   TODO: Remove this informations of the html and, then, from here.
+ *   The correct is the text is sensitive to lead to the complete text.
+ */
+#content .blog .blog-post .read-more {
+  display: none;
+}
+
+#content .blog #article-actions:last-child {
+  border-top: none;
+}
+/** end of General Properties of News **/
+
+
+/** Main News' Block **/
+#content .blog .page-1 .position-1 {
+  padding: 0px 0px 0px 0px;
+}
+
+#content .blog .page-1 .position-1 .title a {
+  line-height: 37px;
+  color: #172738 !important;
+  font-size: 34px;
+}
+
+#content .blog .page-1 .position-1 .post-pic {
+  margin: 0px 0px 13px 0px;
+  max-height: 320px;
+  height: 320px;
+  width: 100%;
+}
+
+#content .blog .page-1 .position-1 .short-post {
+  max-height: 50px;
+}
+
+
+/** Secondary News' Block **/
+#content .blog .page-1 .position-2,
+#content .blog .page-1 .position-3,
+#content .blog .page-1 .position-4 {
+  margin: 0px 0px 0px 0px;
+  padding: 20px 30px 45px 0px;
+  height: 235px;
+  width: 30.5%; 
+  display: block;
+  float: left;
+}
+
+#content .blog .page-1 .position-2 p,
+#content .blog .page-1 .position-3 p,
+#content .blog .page-1 .position-4 p {
+  max-height: 45px;
+}
+
+#content .blog .page-1 .position-4 {
+  margin: 0px;
+  padding-right: 0px;
+}
+
+#content .blog .page-1 .position-2 .post-pic,
+#content .blog .page-1 .position-3 .post-pic,
+#content .blog .page-1 .position-4 .post-pic {
+  margin-top: 12px;
+  top: 10px;
+  height: 120px;
+  width: 100%;
+}
+
+#content .blog .page-1 .position-4 .post-pic {
+  margin-right: 0px;
+}
+
+#content .blog .page-1 .position-2 .short-post,
+#content .blog .page-1 .position-3 .short-post,
+#content .blog .page-1 .position-4 .short-post {
+  max-height: 50px;
+  color: #172738;
+  text-align: justify;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+
+/** Lastest News' Block ***/
+
+/* This rule serves to maintain the element in position-5 clear the
+ *   configurations of float.
+ */
+#content .blog .blog-post.position-5 {
+  clear: both;
+}
+
+/*** end of News Page's homepage ***/
 \ No newline at end of file
	@@ -0,0 +1,188 @@		@@ -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	\ No newline at end of file	189	\ No newline at end of file