Sitemap and help pages style

Melissa Wen
1 parent 7e30eceb
Showing 1 changed file with 79 additions and 0 deletions Show diff stats
css/article-page.css
@@ -24,6 +24,10 @@
   line-height: 21px;
 }
  
+#content .main-block .article-body a {
+  color: #2c66ce;
+}
+
 /* For software internal pages */
  
 #content .main-block .article-body h2 {
@@ -90,3 +94,78 @@
 }
  
 /*** end of categories ***/
+
+/*** Site Map page ***/
+
+#content .main-block .article-body #sitemap{
+  overflow: auto;
+}
+
+#content .main-block .article-body #sitemap a{
+  text-decoration: initial;
+}
+
+#content .main-block .article-body #sitemap ul{
+  padding-top: 20px;
+  font-weight: 700;
+}
+
+#content .main-block .article-body #sitemap li{
+  padding-left: 10px;
+  font-weight: 500;
+}
+
+#content .main-block .article-body #sitemap #first-half{
+  float: left;
+  width: 40%;
+}
+
+#content .main-block .article-body #sitemap #second-half{
+  float: left;
+  padding-top: 50px;
+  width: 40%;
+}
+
+/*** end of sitemap page ***/
+
+/*** Help page ***/
+
+#content .main-block .article-body ul.help-list li {
+  list-style-type: none;
+  padding-bottom: 5px;
+}
+
+#content .main-block .article-body ul.help-list li a[href="#faq"]:before {
+  content: url('../images/arrow-globe-icon.png');
+  padding-right: 5px;
+  vertical-align: middle;
+}
+
+#content .main-block .article-body ul.help-list li a[href="#lista-discussao"]:before {
+  content: url('../images/balloon-icon.png');
+  padding-left: 3px;
+  padding-right: 6px;
+  vertical-align: middle;
+}
+
+#content .main-block .article-body ul.help-list li a {
+  color: #2c66ce;
+  font-size: 15px;
+}
+
+#content .main-block .article-body ul.help-list {
+  padding-top: 21px;
+  border-top: 1px solid #D3D6DE;
+}
+
+#content .main-block .article-header h1.help-page-title {
+  margin-top: 0px;
+  margin-bottom: 30px;
+  padding-top: 0px;
+  line-height: 30px;
+  border-top: none;
+  letter-spacing: -0.1px;
+  font-size: 26px;
+}
+
+/*** end of help page ***/
...	...	@@ -24,6 +24,10 @@
24	24	line-height: 21px;
25	25	}
26	26
	27	+#content .main-block .article-body a {
	28	+ color: #2c66ce;
	29	+}
	30	+
27	31	/* For software internal pages */
28	32
29	33	#content .main-block .article-body h2 {
...	...	@@ -90,3 +94,78 @@
90	94	}
91	95
92	96	/* end of categories */
	97	+
	98	+/* Site Map page */
	99	+
	100	+#content .main-block .article-body #sitemap{
	101	+ overflow: auto;
	102	+}
	103	+
	104	+#content .main-block .article-body #sitemap a{
	105	+ text-decoration: initial;
	106	+}
	107	+
	108	+#content .main-block .article-body #sitemap ul{
	109	+ padding-top: 20px;
	110	+ font-weight: 700;
	111	+}
	112	+
	113	+#content .main-block .article-body #sitemap li{
	114	+ padding-left: 10px;
	115	+ font-weight: 500;
	116	+}
	117	+
	118	+#content .main-block .article-body #sitemap #first-half{
	119	+ float: left;
	120	+ width: 40%;
	121	+}
	122	+
	123	+#content .main-block .article-body #sitemap #second-half{
	124	+ float: left;
	125	+ padding-top: 50px;
	126	+ width: 40%;
	127	+}
	128	+
	129	+/* end of sitemap page */
	130	+
	131	+/* Help page */
	132	+
	133	+#content .main-block .article-body ul.help-list li {
	134	+ list-style-type: none;
	135	+ padding-bottom: 5px;
	136	+}
	137	+
	138	+#content .main-block .article-body ul.help-list li a[href="#faq"]:before {
	139	+ content: url('../images/arrow-globe-icon.png');
	140	+ padding-right: 5px;
	141	+ vertical-align: middle;
	142	+}
	143	+
	144	+#content .main-block .article-body ul.help-list li a[href="#lista-discussao"]:before {
	145	+ content: url('../images/balloon-icon.png');
	146	+ padding-left: 3px;
	147	+ padding-right: 6px;
	148	+ vertical-align: middle;
	149	+}
	150	+
	151	+#content .main-block .article-body ul.help-list li a {
	152	+ color: #2c66ce;
	153	+ font-size: 15px;
	154	+}
	155	+
	156	+#content .main-block .article-body ul.help-list {
	157	+ padding-top: 21px;
	158	+ border-top: 1px solid #D3D6DE;
	159	+}
	160	+
	161	+#content .main-block .article-header h1.help-page-title {
	162	+ margin-top: 0px;
	163	+ margin-bottom: 30px;
	164	+ padding-top: 0px;
	165	+ line-height: 30px;
	166	+ border-top: none;
	167	+ letter-spacing: -0.1px;
	168	+ font-size: 26px;
	169	+}
	170	+
	171	+/* end of help page */
...	...