Style menu list footer

Valessio Brito
1 parent 5f81ecc2
Showing 1 changed file with 60 additions and 13 deletions Show diff stats
style.css
@@ -170,25 +170,12 @@ body {
     min-height: 48px;
 }
  
-/* Article Style */
 div#article-parent {
     position: absolute;
     right: 0px;
     top: 0px;
 }
  
-/*  Panel Right Style */
-.box-1 {
-    margin: 0 0 0 170px;
-}
-
-/* Panel Left Style */
-
-.box-2 {
-    width: 160px;
-}
-
-
 /* Menu List left */
  
 #content .box-2 .block-title {
@@ -266,6 +253,21 @@ div#article-parent {
     text-align: left;
 }
  
+/* Box styles */
+.box-1 {
+    margin: 0 0 0 170px;
+}
+
+.box-2 {
+    width: 160px;
+}
+
+#content .box-3 .block {
+    width: 210px;
+    margin: 0px 0px 0px 30px;
+    float: left;
+}
+
 /* Editorial Area */
  
 #content .box-1 .news-area {
@@ -383,3 +385,48 @@ div#article-parent {
 #content .box-1 .block-footer-content a {
     position: relative;
 }
+
+
+/* Menu List footer */
+
+#content .box-3 .block-title {
+    font-size: 12px;
+    text-align: left;
+    border-top: none;
+    background: #FFF;
+    border-bottom: none;
+    color: #757575;
+    padding: 5px;
+    text-transform: uppercase;
+    margin: 0;
+}
+
+#content .box-3 .link-list-block li a.link-this-page {
+    width: auto;
+    border-right: none;
+    font-weight: bold;
+    background-color: #eeefff;
+    border-radius: 0px;
+}
+
+#content .box-3 .link-list-block li a {
+    font-size: 14px;
+    line-height: 1em;
+    color: #545454;
+    background-color: #FFF;
+    border-radius: none;
+    padding: 0.6em 1.5em;
+}
+
+#content .box-3 .link-list-block li a:hover {
+    background-color: #FFF;
+    color: #436976;
+}
+
+#content .box-3 .link-list-block li {
+    border-bottom: none;
+    border-top: none;
+    padding: 0;
+    margin: 0;
+}
+
...	...	@@ -170,25 +170,12 @@ body {
170	170	min-height: 48px;
171	171	}
172	172
173		-/* Article Style */
174	173	div#article-parent {
175	174	position: absolute;
176	175	right: 0px;
177	176	top: 0px;
178	177	}
179	178
180		-/* Panel Right Style */
181		-.box-1 {
182		- margin: 0 0 0 170px;
183		-}
184		-
185		-/* Panel Left Style */
186		-
187		-.box-2 {
188		- width: 160px;
189		-}
190		-
191		-
192	179	/* Menu List left */
193	180
194	181	#content .box-2 .block-title {
...	...	@@ -266,6 +253,21 @@ div#article-parent {
266	253	text-align: left;
267	254	}
268	255
	256	+/* Box styles */
	257	+.box-1 {
	258	+ margin: 0 0 0 170px;
	259	+}
	260	+
	261	+.box-2 {
	262	+ width: 160px;
	263	+}
	264	+
	265	+#content .box-3 .block {
	266	+ width: 210px;
	267	+ margin: 0px 0px 0px 30px;
	268	+ float: left;
	269	+}
	270	+
269	271	/* Editorial Area */
270	272
271	273	#content .box-1 .news-area {
...	...	@@ -383,3 +385,48 @@ div#article-parent {
383	385	#content .box-1 .block-footer-content a {
384	386	position: relative;
385	387	}
	388	+
	389	+
	390	+/* Menu List footer */
	391	+
	392	+#content .box-3 .block-title {
	393	+ font-size: 12px;
	394	+ text-align: left;
	395	+ border-top: none;
	396	+ background: #FFF;
	397	+ border-bottom: none;
	398	+ color: #757575;
	399	+ padding: 5px;
	400	+ text-transform: uppercase;
	401	+ margin: 0;
	402	+}
	403	+
	404	+#content .box-3 .link-list-block li a.link-this-page {
	405	+ width: auto;
	406	+ border-right: none;
	407	+ font-weight: bold;
	408	+ background-color: #eeefff;
	409	+ border-radius: 0px;
	410	+}
	411	+
	412	+#content .box-3 .link-list-block li a {
	413	+ font-size: 14px;
	414	+ line-height: 1em;
	415	+ color: #545454;
	416	+ background-color: #FFF;
	417	+ border-radius: none;
	418	+ padding: 0.6em 1.5em;
	419	+}
	420	+
	421	+#content .box-3 .link-list-block li a:hover {
	422	+ background-color: #FFF;
	423	+ color: #436976;
	424	+}
	425	+
	426	+#content .box-3 .link-list-block li {
	427	+ border-bottom: none;
	428	+ border-top: none;
	429	+ padding: 0;
	430	+ margin: 0;
	431	+}
	432	+
...	...