cloud is now colorful and functional, added text

Felipe Henrique de Almeida Bormann
1 parent cdaefc85
Showing 3 changed files with 25 additions and 7 deletions Show diff stats
amadeus/static/css/base/amadeus.css
subjects/templates/subjects/initial.html
subjects/templates/subjects/list_search.html
@@ -18,7 +18,7 @@ a:focus {
 /* Initial page starts */
 .users-cloud {
  
-    width: 80%;
+    width: 100%;
     height: 300px;
     overflow: hidden;
 }
@@ -27,20 +27,36 @@ a:focus {
     display: inline;
 }
  
-.users-cloud li:nth-of-type(3n + 1) {
+.users-cloud  li:nth-of-type(3n + 1) a {
     font-size: 2.25em;
+    color: #2E8B57;
 }
-.users-cloud li:nth-of-type(4n+3) {
+.users-cloud  li:nth-of-type(4n+3) a {
     font-size: 3.5em;
+    color: #6B8E23;
 }
-.users-cloud li:nth-of-type(5n - 3) {
+
+.users-cloud li:nth-of-type(5n - 3) a {
     font-size: 3em;
+    color:  #66CDAA;
+}
+
+.users-cloud  li:nth-of-type(6n - 3) a {
+    font-size: 1.7em;
+    color: #654321;
+}
+.users-cloud a {
+    text-decoration: none;
+}
+
+#search-results-title{
+    color: #BDBDBD;
 }
  
 .div-users-cloud{
   height: 300px;
-  margin-left: 20%;
-  width: 70%;
+  margin-left: 10%;
+  width: 80%;
 }
  
 .my-subjects-title {
@@ -19,7 +19,7 @@
 		<div class="users-cloud div-users-cloud">
 			<ul class=" users-cloud">
 				{% for tag in tags %}
-					<a href="{% url 'subjects:search' %}?search={{tag.name}}"><li>{{tag.name}}</li></a>
+					<li><a href="{% url 'subjects:search' %}?search={{tag.name}}">{{tag.name}}</a></li>
 				{% endfor %}
 			</ul>
 		</div>
@@ -40,6 +40,8 @@
         </ul>
     </div>
  
+    <p id="search-results-title">{% trans "Search results" %}:</p>
+
     <div class="col-md-12 cards-content">
...	...	@@ -18,7 +18,7 @@ a:focus {
18	18	/* Initial page starts */
19	19	.users-cloud {
20	20
21		- width: 80%;
	21	+ width: 100%;
22	22	height: 300px;
23	23	overflow: hidden;
24	24	}
...	...	@@ -27,20 +27,36 @@ a:focus {
27	27	display: inline;
28	28	}
29	29
30		-.users-cloud li:nth-of-type(3n + 1) {
	30	+.users-cloud li:nth-of-type(3n + 1) a {
31	31	font-size: 2.25em;
	32	+ color: #2E8B57;
32	33	}
33		-.users-cloud li:nth-of-type(4n+3) {
	34	+.users-cloud li:nth-of-type(4n+3) a {
34	35	font-size: 3.5em;
	36	+ color: #6B8E23;
35	37	}
36		-.users-cloud li:nth-of-type(5n - 3) {
	38	+
	39	+.users-cloud li:nth-of-type(5n - 3) a {
37	40	font-size: 3em;
	41	+ color: #66CDAA;
	42	+}
	43	+
	44	+.users-cloud li:nth-of-type(6n - 3) a {
	45	+ font-size: 1.7em;
	46	+ color: #654321;
	47	+}
	48	+.users-cloud a {
	49	+ text-decoration: none;
	50	+}
	51	+
	52	+#search-results-title{
	53	+ color: #BDBDBD;
38	54	}
39	55
40	56	.div-users-cloud{
41	57	height: 300px;
42		- margin-left: 20%;
43		- width: 70%;
	58	+ margin-left: 10%;
	59	+ width: 80%;
44	60	}
45	61
46	62	.my-subjects-title {
...	...
...	...	@@ -19,7 +19,7 @@
19	19	<div class="users-cloud div-users-cloud">
20	20	<ul class=" users-cloud">
21	21	{% for tag in tags %}
22		- <a href="{% url 'subjects:search' %}?search={{tag.name}}"><li>{{tag.name}}</li></a>
	22	+ <li><a href="{% url 'subjects:search' %}?search={{tag.name}}">{{tag.name}}</a></li>
23	23	{% endfor %}
24	24	</ul>
25	25	</div>
...	...
...	...	@@ -40,6 +40,8 @@
40	40	</ul>
41	41	</div>
42	42
	43	+ <p id="search-results-title">{% trans "Search results" %}:</p>
	44	+
43	45	<div class="col-md-12 cards-content">
44	46
45	47
...	...