Download as
Browse Code »

Commit 3da14deed620b227f40a02515ce4e554dd77177e

Authored by Zambom
1 parent b425fc4c
Exists in master and in 3 other branches amadeus_univasf, image-crop, refactoring

Adding css selector form'

Showing 14 changed files with 1084 additions and 508 deletions   Show diff stats
amadeus/static/css/base/amadeus.css
  Diff comments   View file @3da14de
  1 +ul, li {
  2 + list-style-type: none;
  3 + text-decoration: none;
  4 +}
  5 +
  6 +
1 .pagination > li > a, .pagination > li > span { 7 .pagination > li > a, .pagination > li > span {
2 padding: 0px 8px; 8 padding: 0px 8px;
3 } 9 }
@@ -34,10 +40,9 @@ @@ -34,10 +40,9 @@
34 width: 70%; 40 width: 70%;
35 } 41 }
36 42
37 -.my-subjects-title{ 43 +.my-subjects-title {
38 font-family: Roboto; 44 font-family: Roboto;
39 - font-size: 18px;  
40 - color: #26A69A; 45 + font-size: 18px;
41 } 46 }
42 47
43 /* initial page ends */ 48 /* initial page ends */
@@ -48,27 +53,13 @@ @@ -48,27 +53,13 @@
48 padding-left: 0px; 53 padding-left: 0px;
49 } 54 }
50 55
51 -#sidebar-menu .item{ 56 +#sidebar-menu .item {
52 font-size: 3vw; 57 font-size: 3vw;
53 - background-color: #26A69A;  
54 - color: white;  
55 width: 80%; 58 width: 80%;
56 margin: 10px 0px 10px 10px; 59 margin: 10px 0px 10px 10px;
57 text-align: center; 60 text-align: center;
58 } 61 }
59 62
60 -#sidebar-menu .item a{  
61 - color: white;  
62 -}  
63 -  
64 -#sidebar-menu > .subjects_menu_active {  
65 - background-color: #00695C;  
66 -}  
67 -  
68 -#sidebar-menu > .item:hover{  
69 - background-color: #00695C;  
70 -}  
71 -  
72 #subjects-link{ 63 #subjects-link{
73 margin-top: 0px !important; 64 margin-top: 0px !important;
74 } 65 }
@@ -76,21 +67,9 @@ @@ -76,21 +67,9 @@
76 #sidebar-menu-div{ 67 #sidebar-menu-div{
77 padding-right: 10px; 68 padding-right: 10px;
78 } 69 }
79 -  
80 -  
81 -  
82 /* side bar menu ends*/ 70 /* side bar menu ends*/
83 71
84 /* category app starts */ 72 /* category app starts */
85 -  
86 -.panel-invisible{  
87 - background-color: #BDBDBD !important;  
88 - color: #F5F5F5;  
89 -}  
90 -  
91 -.category-panel > .panel-heading {  
92 - background-color: #0277BD !important;  
93 -}  
94 .category-panel > .panel-heading, .subject-panel > .panel-heading, .special-panel > .panel-heading { 73 .category-panel > .panel-heading, .subject-panel > .panel-heading, .special-panel > .panel-heading {
95 padding: 2px 0px; 74 padding: 2px 0px;
96 } 75 }
@@ -99,10 +78,6 @@ @@ -99,10 +78,6 @@
99 padding: 2px 0px; 78 padding: 2px 0px;
100 } 79 }
101 80
102 -.subject-panel > .panel-heading {  
103 - background-color: #039BE5 !important;  
104 -}  
105 -  
106 .subject-group { 81 .subject-group {
107 margin-left: 20px; 82 margin-left: 20px;
108 } 83 }
@@ -129,84 +104,58 @@ @@ -129,84 +104,58 @@
129 float: none; 104 float: none;
130 } 105 }
131 106
132 -.category-header i{  
133 - color: white; 107 +.category-header i {
134 font-size: 20px; 108 font-size: 20px;
135 float: right; 109 float: right;
136 } 110 }
137 111
138 -.category-header i:hover{  
139 - color: #90CAF9;  
140 -}  
141 -  
142 -  
143 -.category-header .dropdown-menu i {  
144 - color: inherit;  
145 -}  
146 -  
147 .cat-selector { 112 .cat-selector {
148 margin: 0; 113 margin: 0;
149 top: -2px; 114 top: -2px;
150 } 115 }
151 116
152 -#create-category{  
153 - margin-left: 20%;  
154 - margin-bottom: 1%;  
155 - border: none;  
156 - background-color: #66BB6A;  
157 - color: #FFFFFF;  
158 - width: 60%;  
159 - height: 40px;  
160 - font-size: 15px; 117 +#create-category {
  118 + margin-left: 20%;
  119 + margin-bottom: 1%;
  120 + border: none;
  121 + width: 60%;
  122 + height: 40px;
  123 + font-size: 15px;
161 } 124 }
162 125
163 -.category-panel-content{  
164 - padding:10px;  
165 - background: #F5F5F5; 126 +.category-panel-content {
  127 + padding:10px;
166 } 128 }
167 129
168 -  
169 -  
170 .core-subjects-options{ 130 .core-subjects-options{
171 - padding: 0px; 131 + padding: 0px;
172 } 132 }
173 133
174 -  
175 #core-subjects-options-div{ 134 #core-subjects-options-div{
176 width: 100%; 135 width: 100%;
177 margin-bottom: 10px; 136 margin-bottom: 10px;
178 height: 50px; 137 height: 50px;
179 } 138 }
180 139
181 -.core-subjects-options li{ 140 +.core-subjects-options li {
182 float:left; 141 float:left;
183 padding: 10px; 142 padding: 10px;
184 padding-bottom: 8px; 143 padding-bottom: 8px;
185 - background-color: #FFFFFF;  
186 margin: 1px; 144 margin: 1px;
187 border-bottom: 5px; 145 border-bottom: 5px;
188 border-bottom-style: solid; 146 border-bottom-style: solid;
189 - border-bottom-color: #D2D2D2;  
190 - color: #A0A0A0;  
191 -}  
192 -  
193 -.core-subjects-options li.active{  
194 - color: inherit;  
195 - border-bottom-color: #00695C;  
196 } 147 }
197 148
198 #delete-category-footer{ 149 #delete-category-footer{
199 - border-top:none !important; 150 + border-top:none !important;
200 } 151 }
201 152
202 .erase-button{ 153 .erase-button{
203 - float:left; 154 + float:left;
204 } 155 }
205 156
206 -.create-subject-btn{ 157 +.create-subject-btn {
207 width: 100%; 158 width: 100%;
208 - background-color: #26A69A;  
209 - color: white;  
210 border: 0px; 159 border: 0px;
211 margin-bottom: 10px; 160 margin-bottom: 10px;
212 } 161 }
@@ -221,31 +170,26 @@ @@ -221,31 +170,26 @@
221 } 170 }
222 171
223 #coordinators_accordion .panel-heading, #professors_accordion .panel-heading { 172 #coordinators_accordion .panel-heading, #professors_accordion .panel-heading {
224 - background: #FFFFFF;  
225 border: none; 173 border: none;
226 } 174 }
227 175
228 #coordinators_accordion .panel-collapse, #professors_accordion .panel-collapse { 176 #coordinators_accordion .panel-collapse, #professors_accordion .panel-collapse {
229 padding: 10px; 177 padding: 10px;
230 } 178 }
231 -  
232 /* category app ends */ 179 /* category app ends */
233 180
234 .clearfix{ 181 .clearfix{
235 - clear: both; 182 + clear: both;
236 } 183 }
237 184
238 .mg-b-5m{ 185 .mg-b-5m{
239 - margin-bottom: 5em; 186 + margin-bottom: 5em;
240 } 187 }
241 188
242 /* NavBar Top */ 189 /* NavBar Top */
243 .navbar-brand { 190 .navbar-brand {
244 height: 50px !important; 191 height: 50px !important;
245 } 192 }
246 -.navbar-brand:hover {  
247 - background: #00695C !important;  
248 -}  
249 193
250 .navbar .navbar-form { 194 .navbar .navbar-form {
251 margin-top: 10px; 195 margin-top: 10px;
@@ -262,11 +206,6 @@ @@ -262,11 +206,6 @@
262 font-weight: normal; 206 font-weight: normal;
263 padding-left: 10px; 207 padding-left: 10px;
264 font-size: 20px; 208 font-size: 20px;
265 - color: white;  
266 -}  
267 -  
268 -.navbar-nav li.open {  
269 - background: #00695C;  
270 } 209 }
271 210
272 .navbar-nav li > a { 211 .navbar-nav li > a {
@@ -275,21 +214,11 @@ @@ -275,21 +214,11 @@
275 padding-left: 20px; 214 padding-left: 20px;
276 max-height: 50px; 215 max-height: 50px;
277 } 216 }
278 -.navbar-nav li > a:hover {  
279 - background: #00695C !important;  
280 -}  
281 -  
282 -.navbar-nav li.settings_menu_active {  
283 - background: #00695C  
284 -}  
285 217
286 .submenu { 218 .submenu {
287 -webkit-padding-start: 0px; 219 -webkit-padding-start: 0px;
288 } 220 }
289 221
290 -.top-search {  
291 - color: #F5F5F5;  
292 -}  
293 .top-search::-webkit-input-placeholder { 222 .top-search::-webkit-input-placeholder {
294 font-style: italic; 223 font-style: italic;
295 } 224 }
@@ -302,48 +231,24 @@ @@ -302,48 +231,24 @@
302 .top-search:-moz-placeholder { 231 .top-search:-moz-placeholder {
303 font-style: italic; 232 font-style: italic;
304 } 233 }
305 -  
306 -#btn-search:hover {  
307 - background: #00695C;  
308 -}  
309 /* End NavBar Top */ 234 /* End NavBar Top */
310 235
311 /* Dropdown menu Topbar */ 236 /* Dropdown menu Topbar */
312 -.dropdown-menu {  
313 - background: #F5F5F5;  
314 -}  
315 -  
316 .dropdown-menu li > a { 237 .dropdown-menu li > a {
317 - background: #F5F5F5;  
318 font-family: Roboto; 238 font-family: Roboto;
319 font-size: 16px; 239 font-size: 16px;
320 - color: #333333;  
321 -}  
322 -.dropdown-menu li > a:hover {  
323 - background: #EEEEEE !important;  
324 } 240 }
325 241
326 #system_accordion { 242 #system_accordion {
327 margin-bottom: 0px; 243 margin-bottom: 0px;
328 } 244 }
329 245
330 -#system_accordion > .panel > .panel-heading {  
331 - background: #F5F5F5;  
332 -}  
333 -#system_accordion > .panel > .panel-heading:hover {  
334 - background: #EEEEEE;  
335 -}  
336 -  
337 #system_accordion > .panel > .panel-heading > a > .panel-title { 246 #system_accordion > .panel > .panel-heading > a > .panel-title {
338 font-weight: normal; 247 font-weight: normal;
339 - color: #333333;  
340 -}  
341 -#system_accordion > .panel > .panel-heading > a > .panel-title:hover {  
342 - color: #009688;  
343 } 248 }
  249 +
344 #system_accordion > .panel > .panel-heading > a:hover { 250 #system_accordion > .panel > .panel-heading > a:hover {
345 text-decoration: none; 251 text-decoration: none;
346 - color: #009688;  
347 } 252 }
348 #system_accordion > .panel > .panel-heading > a:focus { 253 #system_accordion > .panel > .panel-heading > a:focus {
349 text-decoration: none; 254 text-decoration: none;
@@ -354,10 +259,6 @@ @@ -354,10 +259,6 @@
354 padding-bottom: 0px; 259 padding-bottom: 0px;
355 } 260 }
356 261
357 -#system_menu {  
358 - background: #F5F5F5;  
359 -}  
360 -  
361 .submenu a { 262 .submenu a {
362 font-family: Roboto; 263 font-family: Roboto;
363 font-weight: normal; 264 font-weight: normal;
@@ -371,29 +272,34 @@ @@ -371,29 +272,34 @@
371 /* End Dropdown menu Topbar */ 272 /* End Dropdown menu Topbar */
372 273
373 /* Modal */ 274 /* Modal */
374 -.modal-header {min-height: 60px; border-bottom: 1px solid #E6E7E8 !important; padding-bottom: 15px !important;}  
375 -.modal-footer {text-align: right; padding-top: 5px !important; border-top: 1px solid #E6E7E8 !important;} 275 +.modal-header {
  276 + min-height: 60px;
  277 + padding-bottom: 15px !important;
  278 +}
  279 +.modal-footer {
  280 + text-align: right;
  281 + padding-top: 5px !important;
  282 +}
376 283
377 /* HEADER */ 284 /* HEADER */
378 #notification-dropdown{ 285 #notification-dropdown{
379 - max-height: 500%;  
380 - overflow: auto;  
381 - width: 300px; 286 + max-height: 500%;
  287 + overflow: auto;
  288 + width: 300px;
382 } 289 }
383 #NavBarSearch{ 290 #NavBarSearch{
384 position: absolute; 291 position: absolute;
385 left: 30%; 292 left: 30%;
386 - } 293 +}
387 #btn-search{ 294 #btn-search{
388 - margin-bottom: 0px;  
389 - } 295 + margin-bottom: 0px;
  296 +}
390 .user-notification-img{ 297 .user-notification-img{
391 - width:40%; 298 + width:40%;
392 } 299 }
393 300
394 #horizontal-line{ 301 #horizontal-line{
395 - height:2px;  
396 - background-color: black; 302 + height:2px;
397 } 303 }
398 304
399 .navbar .dropdown-menu li>a, .navbar.navbar-default .dropdown-menu li>a { 305 .navbar .dropdown-menu li>a, .navbar.navbar-default .dropdown-menu li>a {
@@ -402,8 +308,6 @@ @@ -402,8 +308,6 @@
402 } 308 }
403 309
404 /* HEADER */ 310 /* HEADER */
405 -  
406 -  
407 .logoLogin{ 311 .logoLogin{
408 padding-bottom: 1%; 312 padding-bottom: 1%;
409 width: 15%; 313 width: 15%;
@@ -418,18 +322,6 @@ @@ -418,18 +322,6 @@
418 margin-bottom: 5px; 322 margin-bottom: 5px;
419 font-style: italic; 323 font-style: italic;
420 } 324 }
421 -  
422 -.breadcrumb > li > span.divider {  
423 - color: #26A69A;  
424 -}  
425 -  
426 -.breadcrumb > li > a{  
427 - color: #26A69A;  
428 -}  
429 -  
430 -.breadcrumb > li {  
431 - color: #BDBDBD;  
432 -}  
433 /* End Breadcrumbs */ 325 /* End Breadcrumbs */
434 326
435 .courseHome{ 327 .courseHome{
@@ -468,227 +360,24 @@ @@ -468,227 +360,24 @@
468 text-align: right; 360 text-align: right;
469 } 361 }
470 #img { 362 #img {
471 -  
472 display: block; 363 display: block;
473 margin: auto; 364 margin: auto;
474 width: 50%; 365 width: 50%;
475 -  
476 -}  
477 -ul {  
478 - list-style-type:none  
479 -}  
480 -  
481 -  
482 -/*CSS TIMELINE*/  
483 -  
484 -.panel-title{ /*Because we use an outer a tag*/  
485 - color: rgba(255,255,255,.84);  
486 -}  
487 -  
488 -.bubble {  
489 - width: 100%;  
490 - padding: .5em 1em;  
491 - line-height: 1.4em;  
492 - padding: 20px;  
493 - background-color: #ecf0f1;  
494 - position: relative;  
495 - -webkit-border-radius: 8px;  
496 - -moz-border-radius: 8px;  
497 - -ms-border-radius: 8px;  
498 - -o-border-radius: 8px;  
499 - border-radius: 8px;  
500 - text-align: left;  
501 - display: inline-block; }  
502 - .bubble:hover > .over-bubble {  
503 - opacity: 1; }  
504 -  
505 -.bubble-container {  
506 - width: 75%;  
507 - display: block;  
508 - position: relative;  
509 - padding-left: 20px;  
510 - vertical-align: top;  
511 - display: inline-block; }  
512 -  
513 -.arrow {  
514 - content: '';  
515 - display: block;  
516 - position: absolute;  
517 - left: 12px;  
518 - bottom: 25%;  
519 - height: 0;  
520 - width: 0;  
521 - border-top: 20px solid transparent;  
522 - border-bottom: 20px solid transparent;  
523 - border-right: 20px solid #ecf0f1; }  
524 -  
525 -.timeline {  
526 - width: 560px;  
527 - display: block;  
528 - margin: auto;  
529 - background-color: #dde1e2;  
530 - padding-bottom: 2em;  
531 - -webkit-box-shadow: #bdc3c7 0 5px 5px;  
532 - -moz-box-shadow: #bdc3c7 0 5px 5px;  
533 - box-shadow: #bdc3c7 0 5px 5px;  
534 - -moz-border-radius-bottomleft: 8px;  
535 - -webkit-border-bottom-left-radius: 8px;  
536 - border-bottom-left-radius: 8px;  
537 - -moz-border-radius-bottomright: 8px;  
538 - -webkit-border-bottom-right-radius: 8px;  
539 - border-bottom-right-radius: 8px;  
540 - margin-bottom: 2em; }  
541 - .timeline li {  
542 - padding: 1em 0; }  
543 - .timeline li.not_read {  
544 - background-color: #d3d7d8; }  
545 -  
546 -.avatar {  
547 - width: 18%;  
548 - display: inline-block;  
549 - vertical-align: top;  
550 - position: relative;  
551 - overflow: hidden;  
552 - margin-left: 2%; }  
553 - .avatar img {  
554 - width: 100%;  
555 - -webkit-border-radius: 50%;  
556 - -moz-border-radius: 50%;  
557 - -ms-border-radius: 50%;  
558 - -o-border-radius: 50%;  
559 - border-radius: 50%;  
560 - border: 5px solid #ecf0f1;  
561 - position: relative; }  
562 -  
563 -  
564 -  
565 -.first {  
566 - width: 560px;  
567 - display: block;  
568 - margin: auto;  
569 - background-color: #3498db;  
570 - text-shadow: #2084c7 1px 1px 0;  
571 - padding: 1em 0 !important;  
572 - color: white;  
573 - text-align: center;  
574 - margin-top: 1em;  
575 - font-family: "Lato";  
576 - font-size: 1.6em;  
577 - -moz-border-radius-topleft: 8px;  
578 - -webkit-border-top-left-radius: 8px;  
579 - border-top-left-radius: 8px;  
580 - -moz-border-radius-topright: 8px;  
581 - -webkit-border-top-right-radius: 8px;  
582 - border-top-right-radius: 8px;  
583 - position: relative; }  
584 -  
585 -  
586 -.over-bubble {  
587 - line-height: 1.4em;  
588 - padding-top: 10%;  
589 - background-color: rgba(236, 240, 241, 0.8);  
590 - position: relative;  
591 - -webkit-border-radius: 8px;  
592 - -moz-border-radius: 8px;  
593 - -ms-border-radius: 8px;  
594 - -o-border-radius: 8px;  
595 - border-radius: 8px;  
596 - text-align: center;  
597 - display: inline-block;  
598 - position: absolute !important;  
599 - height: 100%;  
600 - width: 100%;  
601 - opacity: 0;  
602 - top: 0;  
603 - left: 0;  
604 - z-index: 999;  
605 - -webkit-transition-property: all;  
606 - -moz-transition-property: all;  
607 - -o-transition-property: all;  
608 - transition-property: all;  
609 - -webkit-transition-duration: 0.3s;  
610 - -moz-transition-duration: 0.3s;  
611 - -o-transition-duration: 0.3s;  
612 - transition-duration: 0.3s;  
613 - -webkit-transition-timing-function: ease-in;  
614 - -moz-transition-timing-function: ease-in;  
615 - -o-transition-timing-function: ease-in;  
616 - transition-timing-function: ease-in;  
617 - font-size: 2.8em;  
618 - text-shadow: white 1px 1px 0; }  
619 -  
620 -.action {  
621 - margin-right: .3em;  
622 - -webkit-transition-property: all;  
623 - -moz-transition-property: all;  
624 - -o-transition-property: all;  
625 - transition-property: all;  
626 - -webkit-transition-duration: 0.2s;  
627 - -moz-transition-duration: 0.2s;  
628 - -o-transition-duration: 0.2s;  
629 - transition-duration: 0.2s;  
630 - -webkit-transition-timing-function: ease-in;  
631 - -moz-transition-timing-function: ease-in;  
632 - -o-transition-timing-function: ease-in;  
633 - transition-timing-function: ease-in; }  
634 -  
635 -  
636 -  
637 -.icon-more-horiz {margin-top: 0px; margin-bottom: 0px; padding-left: 0px;}  
638 -  
639 -.retweet {  
640 - position: absolute;  
641 - opacity: 1;  
642 - top: 0;  
643 - right: 1em;  
644 - display: block;  
645 - background-color: #16a085;  
646 - padding: 4px;  
647 - -moz-border-radius-bottomleft: 5px;  
648 - -webkit-border-bottom-left-radius: 5px;  
649 - border-bottom-left-radius: 5px;  
650 - -moz-border-radius-bottomright: 5px;  
651 - -webkit-border-bottom-right-radius: 5px;  
652 - border-bottom-right-radius: 5px; }  
653 - .retweet .icon-retweet {  
654 - color: white;  
655 - margin: auto;  
656 - width: 100%;  
657 - display: block;  
658 - font-size: 1.2em; }  
659 -  
660 -/*CSS NOTIFICACIONS*/  
661 -  
662 -.alert_list{font-size: 11px; color:grey}  
663 -li.alert_li {  
664 - font-size: 11px;  
665 - color:grey;  
666 - padding:10px 0px 2px 0px;  
667 - border-bottom: thin solid #c0c0c0;  
668 } 366 }
669 -li.alert_li:hover{background-color:#eee}  
670 -.turn_off_alert{float:right;margin-bottom :1px}  
671 -a.alert_message{color : grey}  
672 -a.alert_message:hover{color : grey}  
673 367
674 .breadcrumb .divider{ 368 .breadcrumb .divider{
675 - display: none; 369 + display: none;
676 } 370 }
677 371
678 /*Logo register user*/ 372 /*Logo register user*/
679 #logo{ 373 #logo{
680 - max-width: 40%;  
681 - margin-top: 1em;  
682 - margin-bottom: 1em; 374 + max-width: 40%;
  375 + margin-top: 1em;
  376 + margin-bottom: 1em;
683 } 377 }
684 /*====================== ========*/ 378 /*====================== ========*/
685 -  
686 -.accordion {  
687 - background: white;  
688 -}  
689 .accordion_list { 379 .accordion_list {
690 padding-left: 4px; 380 padding-left: 4px;
691 - background: #F5F5F5;  
692 } 381 }
693 382
694 .container-fluid { 383 .container-fluid {
@@ -696,62 +385,11 @@ a.alert_message:hover{color : grey} @@ -696,62 +385,11 @@ a.alert_message:hover{color : grey}
696 padding-right: 40px; 385 padding-right: 40px;
697 } 386 }
698 387
699 -body .container .jumbotron-inverse, body .container .well-inverse, body .container-fluid .jumbotron-inverse, body .container-fluid .well-inverse {  
700 - background-color: white;  
701 -}  
702 -.forum_collapse {  
703 - color: #000;  
704 -}  
705 -.forum_collapse:hover, .forum_collapse:focus {  
706 - text-decoration: none;  
707 - color: #000;  
708 -}  
709 -  
710 -/*TIMELINE CLASSES BEGIN */  
711 -.resource_inline{  
712 - display: inline-block;  
713 -}  
714 -  
715 -.imgTimeLine{  
716 - width: 100%;  
717 - height: auto;  
718 - padding-top: 10px;  
719 -}  
720 -.timeLine div .col-md-11{  
721 - padding-left: 0px;  
722 -}  
723 -.timeLine div .col-md-11 i{  
724 - padding-right: 5px;  
725 -}  
726 -  
727 -/*TIMELINE CLASSES END*/  
728 -  
729 -.notification-count {  
730 - background-color: #FF0000;  
731 -}  
732 -  
733 -.img-list-user{  
734 - width: 150px;  
735 - height: 150px;  
736 -}  
737 -  
738 -.datepicker{z-index:9999 !important}  
739 -  
740 -ul, li {  
741 - list-style-type: none !important;  
742 - text-decoration: none !important;  
743 -}  
744 -  
745 .icon_edit_remove{ 388 .icon_edit_remove{
746 - float: right; 389 + float: right;
747 } 390 }
748 391
749 -  
750 /* core/index.html classes*/ 392 /* core/index.html classes*/
751 -.outside-title {  
752 - color: #43a251;  
753 -}  
754 -  
755 .logo-login{ 393 .logo-login{
756 margin-top: 15px; 394 margin-top: 15px;
757 margin-bottom: 15px; 395 margin-bottom: 15px;
@@ -777,87 +415,78 @@ ul, li { @@ -777,87 +415,78 @@ ul, li {
777 /* core/register_user.html classes*/ 415 /* core/register_user.html classes*/
778 416
779 .block-register-inline{ 417 .block-register-inline{
780 - float: left;  
781 - display: inline-block; 418 + float: left;
  419 + display: inline-block;
782 } 420 }
783 421
784 /* core/reset_password.html classes*/ 422 /* core/reset_password.html classes*/
785 .send-reset-email{ 423 .send-reset-email{
786 - float: right;  
787 -}  
788 -  
789 -/* forum post loaded */  
790 -@-webkit-keyframes loaded {  
791 - 0% {  
792 - background-color: Yellow;  
793 - opacity: 0.2;  
794 - }  
795 - 22% {  
796 - background-color: Yellow;  
797 - opacity: 0.3;  
798 - }  
799 - 77% {  
800 - background-color: Yellow;  
801 - opacity: 0.6;  
802 - }  
803 - 100% {  
804 - background-color: White;  
805 - }  
806 -}  
807 -  
808 -.loaded {  
809 - -webkit-animation-name: loaded;  
810 - -webkit-animation-duration: 900ms;  
811 - -webkit-animation-iteration-count: 3;  
812 - -webkit-animation-timing-function: ease-in-out; 424 + float: right;
813 } 425 }
  426 +
814 /* Icon Topic */ 427 /* Icon Topic */
815 .divMoreActions { 428 .divMoreActions {
816 - text-align: right; height: 30px; float: right;  
817 - width: 3%; 429 + text-align: right;
  430 + height: 30px;
  431 + float: right;
  432 + width: 3%;
818 } 433 }
819 434
820 .divMoreActions > .btn-group { 435 .divMoreActions > .btn-group {
821 - margin: 0px !important; 436 + margin: 0px !important;
822 } 437 }
823 438
824 .moreAccordion { 439 .moreAccordion {
825 - height: 30px; 440 + height: 30px;
  441 +}
  442 +
  443 +.moreAccordion button {
  444 + margin-bottom: 0px;
  445 + margin-top: 8px;
  446 +}
  447 +
  448 +.titleTopic {
  449 + padding-top: 10px;
  450 + padding-bottom: 10px;
  451 +}
  452 +
  453 +.titleTopic a:hover{
  454 + text-decoration: none;
826 } 455 }
827 -/*.divMoreActions div button {padding-left: 10px; padding-right: 10px; padding-bottom: 10px; margin-bottom: 4px; height: 31px;}*/  
828 456
829 -.moreAccordion button{margin-bottom: 0px; margin-top: 8px;}  
830 -.titleTopic {padding-top: 10px; padding-bottom: 10px;}  
831 -.titleTopic a h4, .titleTopic h4{color: white;}  
832 -.titleTopic a:hover{text-decoration: none;}  
833 -.Topic-detail a h4{color: black;}  
834 -/* .titleTopic a h4 {margin-top: 0px; color: black; cursor:pointer;}*/  
835 .dropdown-menu .pull-right { 457 .dropdown-menu .pull-right {
836 right: 0; 458 right: 0;
837 - } 459 +}
  460 +
838 .cards-content{ 461 .cards-content{
839 - padding-left: 0px; padding-right: 0px;  
840 - font-family: Roboto;  
841 - font-size: 18px; 462 + padding-left: 0px;
  463 + padding-right: 0px;
  464 + font-family: Roboto;
  465 + font-size: 18px;
  466 +}
  467 +.cards-detail {
  468 + margin-left: 4%;
  469 +}
  470 +
  471 +.course, .subject, .topic {
  472 + padding-top: 0px;
  473 + padding-bottom: 0px;
  474 +}
  475 +.course-detail {
  476 + padding-top: 10px;
  477 + padding-bottom: 10px;
842 } 478 }
843 -.cards-detail{margin-left: 4%;}  
844 -.cards-detail .panel .panel-heading{/*background-color:;*/}  
845 -.cards-detail .panel .panel-heading h4{color:black;}  
846 -.course, .subject, .topic{ padding-top: 0px; padding-bottom: 0px; }  
847 -.course-detail{padding-top: 10px; padding-bottom: 10px;}  
848 479
849 .course-card{ 480 .course-card{
850 - margin-bottom: 0.4% !important; 481 + margin-bottom: 0.4% !important;
851 } 482 }
852 483
853 .course-card-group{ 484 .course-card-group{
854 - margin-bottom: 1%; 485 + margin-bottom: 1%;
855 } 486 }
856 -.data_register_course p{ color: grey; }  
857 487
858 -.category-course-link{ 488 +.category-course-link {
859 font-size: 16px; 489 font-size: 16px;
860 - color: #FFFFFF !important;  
861 font-family: Roboto; 490 font-family: Roboto;
862 font-weight: normal; 491 font-weight: normal;
863 } 492 }
@@ -868,31 +497,30 @@ ul, li { @@ -868,31 +497,30 @@ ul, li {
868 497
869 /* Menu link remove radius */ 498 /* Menu link remove radius */
870 .nav-pills > li > a { 499 .nav-pills > li > a {
871 - border-radius: 0px; 500 + border-radius: 0px;
872 } 501 }
873 502
874 .float-button{ 503 .float-button{
875 - float: right;  
876 - position: fixed;  
877 - bottom: 5%;  
878 - right: 5%;  
879 - font-size: 20px; 504 + float: right;
  505 + position: fixed;
  506 + bottom: 5%;
  507 + right: 5%;
  508 + font-size: 20px;
880 } 509 }
881 510
882 /* === Amadeus settings*/ 511 /* === Amadeus settings*/
883 #panel2 .form-group{ 512 #panel2 .form-group{
884 - margin: 0; 513 + margin: 0;
885 } 514 }
886 515
887 #panel2 .col-md-2, #panel2 .col-md-10{ 516 #panel2 .col-md-2, #panel2 .col-md-10{
888 - padding-left: 0; 517 + padding-left: 0;
889 } 518 }
890 519
891 /* Profile */ 520 /* Profile */
892 .profile_function { 521 .profile_function {
893 padding-bottom: 7px; 522 padding-bottom: 7px;
894 font-size: 16px; 523 font-size: 16px;
895 - border-bottom: 1px solid #D2D2D2;  
896 } 524 }
897 /* End Profile */ 525 /* End Profile */
898 526
@@ -903,13 +531,11 @@ ul, li { @@ -903,13 +531,11 @@ ul, li {
903 531
904 .bottom-menu { 532 .bottom-menu {
905 position: fixed; 533 position: fixed;
906 - bottom: 0px;  
907 - background: #F5F5F5; 534 + bottom: 0px;
908 width: 100%; 535 width: 100%;
909 padding: 0px 30px; 536 padding: 0px 30px;
910 z-index: 999; 537 z-index: 999;
911 height: 50px; 538 height: 50px;
912 - background: #26A69A;  
913 } 539 }
914 540
915 .mobile-menu { 541 .mobile-menu {
@@ -921,65 +547,43 @@ ul, li { @@ -921,65 +547,43 @@ ul, li {
921 } 547 }
922 548
923 .mobile-menu .item { 549 .mobile-menu .item {
924 - color: #FFFFFF;  
925 - background: #26A69A;  
926 padding-top: 3px; 550 padding-top: 3px;
927 text-align: center; 551 text-align: center;
928 height: 50px; 552 height: 50px;
929 width: 55px; 553 width: 55px;
930 font-size: 35px; 554 font-size: 35px;
931 } 555 }
932 -  
933 -.mobile-menu .item a{  
934 - color: white;  
935 -}  
936 -  
937 -.mobile-menu > .subjects_menu_active {  
938 - background-color: #00695C;  
939 -}  
940 -  
941 -.mobile-menu > .item:hover{  
942 - background-color: #00695C;  
943 -}  
944 /* End Bottom Menu */ 556 /* End Bottom Menu */
945 557
946 -  
947 -  
948 /* subjects app starts*/ 558 /* subjects app starts*/
949 -  
950 -.access-subject{  
951 - background-color: #2eb82e !important;  
952 - color: white;  
953 - border: none; 559 +.access-subject {
  560 + border: none;
954 } 561 }
955 562
956 -.subscribe-subject{  
957 - background-color: #33cc33 !important;  
958 - color:white;  
959 - border:none; 563 +.subscribe-subject {
  564 + border:none;
960 } 565 }
961 -  
962 -  
963 /* subjects app ends */ 566 /* subjects app ends */
964 567
965 /* Themes */ 568 /* Themes */
966 .page_selector h4 { 569 .page_selector h4 {
967 margin-bottom: 20px; 570 margin-bottom: 20px;
968 - border-bottom: 1px solid #e5e5e5;  
969 } 571 }
970 .page_selector:hover, .page_selector:focus { 572 .page_selector:hover, .page_selector:focus {
971 text-decoration: none; 573 text-decoration: none;
972 } 574 }
973 575
974 -.filedrag{ 576 +.filedrag {
975 display: none; 577 display: none;
976 font-weight: bold; 578 font-weight: bold;
977 text-align: center; 579 text-align: center;
978 padding: 1em 0; 580 padding: 1em 0;
979 margin: 1em 0; 581 margin: 1em 0;
980 - color: #555;  
981 - border: 2px dashed #555;  
982 border-radius: 7px; 582 border-radius: 7px;
983 cursor: pointer; 583 cursor: pointer;
984 } 584 }
  585 +
  586 +.theme_img {
  587 + width: 100%;
  588 +}
985 /* End Themes */ 589 /* End Themes */
986 \ No newline at end of file 590 \ No newline at end of file
amadeus/static/css/themes/black.css 0 → 100644
  Diff comments   View file @3da14de
@@ -0,0 +1,270 @@ @@ -0,0 +1,270 @@
  1 +body .container .jumbotron-inverse, body .container .well-inverse, body .container-fluid .jumbotron-inverse, body .container-fluid .well-inverse {
  2 + background-color: white;
  3 +}
  4 +
  5 +a, a:focus, a:hover {
  6 + color: #444444;
  7 +}
  8 +
  9 +.radio input[type=radio]:checked~.check, label.radio-inline input[type=radio]:checked~.check {
  10 + background-color: #444444;
  11 +}
  12 +
  13 +.radio input[type=radio]:checked~.circle, label.radio-inline input[type=radio]:checked~.circle {
  14 + border-color: #444444;
  15 +}
  16 +
  17 +.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  18 + color: #fff;
  19 + background-color: #337ab7;
  20 + border-color: #337ab7;
  21 +}
  22 +
  23 +.navbar, .navbar.navbar-default {
  24 + background-color: #444444;
  25 + color: rgba(255,255,255,.84);
  26 +}
  27 +
  28 +.my-subjects-title {
  29 + color: #555555;
  30 +}
  31 +
  32 +#sidebar-menu .item {
  33 + background-color: #555555;
  34 + color: white;
  35 +}
  36 +
  37 +#sidebar-menu .item a{
  38 + color: white;
  39 +}
  40 +
  41 +#sidebar-menu > .subjects_menu_active {
  42 + background-color: #333333;
  43 +}
  44 +
  45 +#sidebar-menu > .item:hover{
  46 + background-color: #333333;
  47 +}
  48 +
  49 +.panel-invisible{
  50 + background-color: #BDBDBD !important;
  51 + color: #F5F5F5;
  52 +}
  53 +
  54 +.category-panel > .panel-heading {
  55 + background-color: #666666 !important;
  56 +}
  57 +
  58 +.subject-panel > .panel-heading {
  59 + background-color: #777777 !important;
  60 +}
  61 +
  62 +.category-header i {
  63 + color: white;
  64 +}
  65 +
  66 +.category-header i:hover{
  67 + color: #90CAF9;
  68 +}
  69 +
  70 +.category-header .dropdown-menu i {
  71 + color: inherit;
  72 +}
  73 +
  74 +#create-category {
  75 + background-color: #66BB6A;
  76 + color: #FFFFFF;
  77 +}
  78 +
  79 +.category-panel-content {
  80 + background: #F5F5F5;
  81 +}
  82 +
  83 +.core-subjects-options li {
  84 + background-color: #FFFFFF;
  85 + border-bottom-color: #D2D2D2;
  86 + color: #A0A0A0;
  87 +}
  88 +
  89 +.core-subjects-options li.active {
  90 + color: inherit;
  91 + border-bottom-color: #333333;
  92 +}
  93 +
  94 +.create-subject-btn {
  95 + background-color: #000000;
  96 + color: white;
  97 +}
  98 +
  99 +#coordinators_accordion .panel-heading, #professors_accordion .panel-heading {
  100 + background: #FFFFFF;
  101 +}
  102 +
  103 +.navbar-brand:hover {
  104 + background: #333333 !important;
  105 +}
  106 +
  107 +.navbar .project_name {
  108 + color: white;
  109 +}
  110 +
  111 +.navbar-nav li.open {
  112 + background: #333333;
  113 +}
  114 +
  115 +.navbar-nav li > a:hover {
  116 + background: #333333 !important;
  117 +}
  118 +
  119 +.navbar-nav li.settings_menu_active {
  120 + background: #333333
  121 +}
  122 +
  123 +.top-search {
  124 + color: #F5F5F5;
  125 +}
  126 +
  127 +#btn-search:hover {
  128 + background: #333333;
  129 +}
  130 +
  131 +.dropdown-menu {
  132 + background: #F5F5F5;
  133 +}
  134 +
  135 +.dropdown-menu li > a {
  136 + background: #F5F5F5;
  137 + color: #333333;
  138 +}
  139 +
  140 +.dropdown-menu li > a:hover {
  141 + background: #EEEEEE !important;
  142 +}
  143 +
  144 +#system_accordion > .panel > .panel-heading {
  145 + background: #F5F5F5;
  146 +}
  147 +
  148 +#system_accordion > .panel > .panel-heading:hover {
  149 + background: #EEEEEE;
  150 +}
  151 +
  152 +#system_accordion > .panel > .panel-heading > a > .panel-title {
  153 + color: #333333;
  154 +}
  155 +
  156 +#system_accordion > .panel > .panel-heading > a > .panel-title:hover {
  157 + color: #444444;
  158 +}
  159 +
  160 +#system_accordion > .panel > .panel-heading > a:hover {
  161 + color: #444444;
  162 +}
  163 +
  164 +#system_menu {
  165 + background: #F5F5F5;
  166 +}
  167 +
  168 +.modal-header {
  169 + border-bottom: 1px solid #E6E7E8 !important;
  170 +}
  171 +
  172 +.modal-footer {
  173 + border-top: 1px solid #E6E7E8 !important;
  174 +}
  175 +
  176 +#horizontal-line{
  177 + background-color: black;
  178 +}
  179 +
  180 +.breadcrumb > li > span.divider {
  181 + color: #000000;
  182 +}
  183 +
  184 +.breadcrumb > li > a{
  185 + color: #000000;
  186 +}
  187 +
  188 +.breadcrumb > li {
  189 + color: #BDBDBD;
  190 +}
  191 +
  192 +.panel-title{ /*Because we use an outer a tag*/
  193 + color: rgba(255,255,255,.84);
  194 +}
  195 +
  196 +.accordion {
  197 + background: white;
  198 +}
  199 +
  200 +.accordion_list {
  201 + background: #F5F5F5;
  202 +}
  203 +
  204 +.outside-title {
  205 + color: #43a251;
  206 +}
  207 +
  208 +.titleTopic a h4, .titleTopic h4 {
  209 + color: white;
  210 +}
  211 +
  212 +.Topic-detail a h4{
  213 + color: black;
  214 +}
  215 +
  216 +.cards-detail .panel .panel-heading h4 {
  217 + color:black;
  218 +}
  219 +
  220 +.data_register_course p {
  221 + color: grey;
  222 +}
  223 +
  224 +.category-course-link {
  225 + color: #FFFFFF !important;
  226 +}
  227 +
  228 +.profile_function {
  229 + border-bottom: 1px solid #D2D2D2;
  230 +}
  231 +
  232 +.bottom-menu {
  233 + background: #000000;
  234 +}
  235 +
  236 +.mobile-menu .item {
  237 + color: #FFFFFF;
  238 + background: #000000;
  239 +}
  240 +
  241 +.mobile-menu .item a {
  242 + color: white;
  243 +}
  244 +
  245 +.mobile-menu > .subjects_menu_active {
  246 + background-color: #333333;
  247 +}
  248 +
  249 +.mobile-menu > .item:hover{
  250 + background-color: #333333;
  251 +}
  252 +
  253 +.access-subject {
  254 + background-color: #2eb82e !important;
  255 + color: white;
  256 +}
  257 +
  258 +.page_selector h4 {
  259 + border-bottom: 1px solid #e5e5e5;
  260 +}
  261 +
  262 +.subscribe-subject {
  263 + background-color: #33cc33 !important;
  264 + color:white;
  265 +}
  266 +
  267 +.filedrag {
  268 + color: #555;
  269 + border: 2px dashed #555;
  270 +}
0 \ No newline at end of file 271 \ No newline at end of file
amadeus/static/css/themes/green.css 0 → 100644
  Diff comments   View file @3da14de
@@ -0,0 +1,270 @@ @@ -0,0 +1,270 @@
  1 +body .container .jumbotron-inverse, body .container .well-inverse, body .container-fluid .jumbotron-inverse, body .container-fluid .well-inverse {
  2 + background-color: white;
  3 +}
  4 +
  5 +a, a:focus, a:hover {
  6 + color: #009688;
  7 +}
  8 +
  9 +.radio input[type=radio]:checked~.check, label.radio-inline input[type=radio]:checked~.check {
  10 + background-color: #009688;
  11 +}
  12 +
  13 +.radio input[type=radio]:checked~.circle, label.radio-inline input[type=radio]:checked~.circle {
  14 + border-color: #009688;
  15 +}
  16 +
  17 +.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  18 + color: #fff;
  19 + background-color: #337ab7;
  20 + border-color: #337ab7;
  21 +}
  22 +
  23 +.navbar, .navbar.navbar-default {
  24 + background-color: #009688;
  25 + color: rgba(255,255,255,.84);
  26 +}
  27 +
  28 +.my-subjects-title {
  29 + color: #26A69A;
  30 +}
  31 +
  32 +#sidebar-menu .item {
  33 + background-color: #26A69A;
  34 + color: white;
  35 +}
  36 +
  37 +#sidebar-menu .item a{
  38 + color: white;
  39 +}
  40 +
  41 +#sidebar-menu > .subjects_menu_active {
  42 + background-color: #00695C;
  43 +}
  44 +
  45 +#sidebar-menu > .item:hover{
  46 + background-color: #00695C;
  47 +}
  48 +
  49 +.panel-invisible{
  50 + background-color: #BDBDBD !important;
  51 + color: #F5F5F5;
  52 +}
  53 +
  54 +.category-panel > .panel-heading {
  55 + background-color: #0277BD !important;
  56 +}
  57 +
  58 +.subject-panel > .panel-heading {
  59 + background-color: #039BE5 !important;
  60 +}
  61 +
  62 +.category-header i {
  63 + color: white;
  64 +}
  65 +
  66 +.category-header i:hover{
  67 + color: #90CAF9;
  68 +}
  69 +
  70 +.category-header .dropdown-menu i {
  71 + color: inherit;
  72 +}
  73 +
  74 +#create-category {
  75 + background-color: #66BB6A;
  76 + color: #FFFFFF;
  77 +}
  78 +
  79 +.category-panel-content {
  80 + background: #F5F5F5;
  81 +}
  82 +
  83 +.core-subjects-options li {
  84 + background-color: #FFFFFF;
  85 + border-bottom-color: #D2D2D2;
  86 + color: #A0A0A0;
  87 +}
  88 +
  89 +.core-subjects-options li.active {
  90 + color: inherit;
  91 + border-bottom-color: #00695C;
  92 +}
  93 +
  94 +.create-subject-btn {
  95 + background-color: #26A69A;
  96 + color: white;
  97 +}
  98 +
  99 +#coordinators_accordion .panel-heading, #professors_accordion .panel-heading {
  100 + background: #FFFFFF;
  101 +}
  102 +
  103 +.navbar-brand:hover {
  104 + background: #00695C !important;
  105 +}
  106 +
  107 +.navbar .project_name {
  108 + color: white;
  109 +}
  110 +
  111 +.navbar-nav li.open {
  112 + background: #00695C;
  113 +}
  114 +
  115 +.navbar-nav li > a:hover {
  116 + background: #00695C !important;
  117 +}
  118 +
  119 +.navbar-nav li.settings_menu_active {
  120 + background: #00695C
  121 +}
  122 +
  123 +.top-search {
  124 + color: #F5F5F5;
  125 +}
  126 +
  127 +#btn-search:hover {
  128 + background: #00695C;
  129 +}
  130 +
  131 +.dropdown-menu {
  132 + background: #F5F5F5;
  133 +}
  134 +
  135 +.dropdown-menu li > a {
  136 + background: #F5F5F5;
  137 + color: #333333;
  138 +}
  139 +
  140 +.dropdown-menu li > a:hover {
  141 + background: #EEEEEE !important;
  142 +}
  143 +
  144 +#system_accordion > .panel > .panel-heading {
  145 + background: #F5F5F5;
  146 +}
  147 +
  148 +#system_accordion > .panel > .panel-heading:hover {
  149 + background: #EEEEEE;
  150 +}
  151 +
  152 +#system_accordion > .panel > .panel-heading > a > .panel-title {
  153 + color: #333333;
  154 +}
  155 +
  156 +#system_accordion > .panel > .panel-heading > a > .panel-title:hover {
  157 + color: #009688;
  158 +}
  159 +
  160 +#system_accordion > .panel > .panel-heading > a:hover {
  161 + color: #009688;
  162 +}
  163 +
  164 +#system_menu {
  165 + background: #F5F5F5;
  166 +}
  167 +
  168 +.modal-header {
  169 + border-bottom: 1px solid #E6E7E8 !important;
  170 +}
  171 +
  172 +.modal-footer {
  173 + border-top: 1px solid #E6E7E8 !important;
  174 +}
  175 +
  176 +#horizontal-line{
  177 + background-color: black;
  178 +}
  179 +
  180 +.breadcrumb > li > span.divider {
  181 + color: #26A69A;
  182 +}
  183 +
  184 +.breadcrumb > li > a{
  185 + color: #26A69A;
  186 +}
  187 +
  188 +.breadcrumb > li {
  189 + color: #BDBDBD;
  190 +}
  191 +
  192 +.panel-title{ /*Because we use an outer a tag*/
  193 + color: rgba(255,255,255,.84);
  194 +}
  195 +
  196 +.accordion {
  197 + background: white;
  198 +}
  199 +
  200 +.accordion_list {
  201 + background: #F5F5F5;
  202 +}
  203 +
  204 +.outside-title {
  205 + color: #43a251;
  206 +}
  207 +
  208 +.titleTopic a h4, .titleTopic h4 {
  209 + color: white;
  210 +}
  211 +
  212 +.Topic-detail a h4{
  213 + color: black;
  214 +}
  215 +
  216 +.cards-detail .panel .panel-heading h4 {
  217 + color:black;
  218 +}
  219 +
  220 +.data_register_course p {
  221 + color: grey;
  222 +}
  223 +
  224 +.category-course-link {
  225 + color: #FFFFFF !important;
  226 +}
  227 +
  228 +.profile_function {
  229 + border-bottom: 1px solid #D2D2D2;
  230 +}
  231 +
  232 +.bottom-menu {
  233 + background: #26A69A;
  234 +}
  235 +
  236 +.mobile-menu .item {
  237 + color: #FFFFFF;
  238 + background: #26A69A;
  239 +}
  240 +
  241 +.mobile-menu .item a {
  242 + color: white;
  243 +}
  244 +
  245 +.mobile-menu > .subjects_menu_active {
  246 + background-color: #00695C;
  247 +}
  248 +
  249 +.mobile-menu > .item:hover{
  250 + background-color: #00695C;
  251 +}
  252 +
  253 +.access-subject {
  254 + background-color: #2eb82e !important;
  255 + color: white;
  256 +}
  257 +
  258 +.page_selector h4 {
  259 + border-bottom: 1px solid #e5e5e5;
  260 +}
  261 +
  262 +.subscribe-subject {
  263 + background-color: #33cc33 !important;
  264 + color:white;
  265 +}
  266 +
  267 +.filedrag {
  268 + color: #555;
  269 + border: 2px dashed #555;
  270 +}
0 \ No newline at end of file 271 \ No newline at end of file
amadeus/static/css/themes/red.css 0 → 100644
  Diff comments   View file @3da14de
@@ -0,0 +1,270 @@ @@ -0,0 +1,270 @@
  1 +body .container .jumbotron-inverse, body .container .well-inverse, body .container-fluid .jumbotron-inverse, body .container-fluid .well-inverse {
  2 + background-color: white;
  3 +}
  4 +
  5 +a, a:focus, a:hover {
  6 + color: #7B241C;
  7 +}
  8 +
  9 +.radio input[type=radio]:checked~.check, label.radio-inline input[type=radio]:checked~.check {
  10 + background-color: #7B241C;
  11 +}
  12 +
  13 +.radio input[type=radio]:checked~.circle, label.radio-inline input[type=radio]:checked~.circle {
  14 + border-color: #7B241C;
  15 +}
  16 +
  17 +.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  18 + color: #fff;
  19 + background-color: #337ab7;
  20 + border-color: #337ab7;
  21 +}
  22 +
  23 +.navbar, .navbar.navbar-default {
  24 + background-color: #7B241C;
  25 + color: rgba(255,255,255,.84);
  26 +}
  27 +
  28 +.my-subjects-title {
  29 + color: #B03A2E;
  30 +}
  31 +
  32 +#sidebar-menu .item {
  33 + background-color: #B03A2E;
  34 + color: white;
  35 +}
  36 +
  37 +#sidebar-menu .item a{
  38 + color: white;
  39 +}
  40 +
  41 +#sidebar-menu > .subjects_menu_active {
  42 + background-color: #641E16;
  43 +}
  44 +
  45 +#sidebar-menu > .item:hover{
  46 + background-color: #641E16;
  47 +}
  48 +
  49 +.panel-invisible{
  50 + background-color: #BDBDBD !important;
  51 + color: #F5F5F5;
  52 +}
  53 +
  54 +.category-panel > .panel-heading {
  55 + background-color: #666666 !important;
  56 +}
  57 +
  58 +.subject-panel > .panel-heading {
  59 + background-color: #777777 !important;
  60 +}
  61 +
  62 +.category-header i {
  63 + color: white;
  64 +}
  65 +
  66 +.category-header i:hover{
  67 + color: #90CAF9;
  68 +}
  69 +
  70 +.category-header .dropdown-menu i {
  71 + color: inherit;
  72 +}
  73 +
  74 +#create-category {
  75 + background-color: #66BB6A;
  76 + color: #FFFFFF;
  77 +}
  78 +
  79 +.category-panel-content {
  80 + background: #F5F5F5;
  81 +}
  82 +
  83 +.core-subjects-options li {
  84 + background-color: #FFFFFF;
  85 + border-bottom-color: #D2D2D2;
  86 + color: #A0A0A0;
  87 +}
  88 +
  89 +.core-subjects-options li.active {
  90 + color: inherit;
  91 + border-bottom-color: #641E16;
  92 +}
  93 +
  94 +.create-subject-btn {
  95 + background-color: #B03A2E;
  96 + color: white;
  97 +}
  98 +
  99 +#coordinators_accordion .panel-heading, #professors_accordion .panel-heading {
  100 + background: #FFFFFF;
  101 +}
  102 +
  103 +.navbar-brand:hover {
  104 + background: #641E16 !important;
  105 +}
  106 +
  107 +.navbar .project_name {
  108 + color: white;
  109 +}
  110 +
  111 +.navbar-nav li.open {
  112 + background: #641E16;
  113 +}
  114 +
  115 +.navbar-nav li > a:hover {
  116 + background: #641E16 !important;
  117 +}
  118 +
  119 +.navbar-nav li.settings_menu_active {
  120 + background: #641E16;
  121 +}
  122 +
  123 +.top-search {
  124 + color: #F5F5F5;
  125 +}
  126 +
  127 +#btn-search:hover {
  128 + background: #641E16;
  129 +}
  130 +
  131 +.dropdown-menu {
  132 + background: #F5F5F5;
  133 +}
  134 +
  135 +.dropdown-menu li > a {
  136 + background: #F5F5F5;
  137 + color: #333333;
  138 +}
  139 +
  140 +.dropdown-menu li > a:hover {
  141 + background: #EEEEEE !important;
  142 +}
  143 +
  144 +#system_accordion > .panel > .panel-heading {
  145 + background: #F5F5F5;
  146 +}
  147 +
  148 +#system_accordion > .panel > .panel-heading:hover {
  149 + background: #EEEEEE;
  150 +}
  151 +
  152 +#system_accordion > .panel > .panel-heading > a > .panel-title {
  153 + color: #333333;
  154 +}
  155 +
  156 +#system_accordion > .panel > .panel-heading > a > .panel-title:hover {
  157 + color: #7B241C;
  158 +}
  159 +
  160 +#system_accordion > .panel > .panel-heading > a:hover {
  161 + color: #7B241C;
  162 +}
  163 +
  164 +#system_menu {
  165 + background: #F5F5F5;
  166 +}
  167 +
  168 +.modal-header {
  169 + border-bottom: 1px solid #E6E7E8 !important;
  170 +}
  171 +
  172 +.modal-footer {
  173 + border-top: 1px solid #E6E7E8 !important;
  174 +}
  175 +
  176 +#horizontal-line{
  177 + background-color: black;
  178 +}
  179 +
  180 +.breadcrumb > li > span.divider {
  181 + color: #B03A2E;
  182 +}
  183 +
  184 +.breadcrumb > li > a{
  185 + color: #B03A2E;
  186 +}
  187 +
  188 +.breadcrumb > li {
  189 + color: #BDBDBD;
  190 +}
  191 +
  192 +.panel-title{ /*Because we use an outer a tag*/
  193 + color: rgba(255,255,255,.84);
  194 +}
  195 +
  196 +.accordion {
  197 + background: white;
  198 +}
  199 +
  200 +.accordion_list {
  201 + background: #F5F5F5;
  202 +}
  203 +
  204 +.outside-title {
  205 + color: #43a251;
  206 +}
  207 +
  208 +.titleTopic a h4, .titleTopic h4 {
  209 + color: white;
  210 +}
  211 +
  212 +.Topic-detail a h4{
  213 + color: black;
  214 +}
  215 +
  216 +.cards-detail .panel .panel-heading h4 {
  217 + color:black;
  218 +}
  219 +
  220 +.data_register_course p {
  221 + color: grey;
  222 +}
  223 +
  224 +.category-course-link {
  225 + color: #FFFFFF !important;
  226 +}
  227 +
  228 +.profile_function {
  229 + border-bottom: 1px solid #D2D2D2;
  230 +}
  231 +
  232 +.bottom-menu {
  233 + background: #B03A2E;
  234 +}
  235 +
  236 +.mobile-menu .item {
  237 + color: #FFFFFF;
  238 + background: #B03A2E;
  239 +}
  240 +
  241 +.mobile-menu .item a {
  242 + color: white;
  243 +}
  244 +
  245 +.mobile-menu > .subjects_menu_active {
  246 + background-color: #641E16;
  247 +}
  248 +
  249 +.mobile-menu > .item:hover{
  250 + background-color: #641E16;
  251 +}
  252 +
  253 +.access-subject {
  254 + background-color: #2eb82e !important;
  255 + color: white;
  256 +}
  257 +
  258 +.page_selector h4 {
  259 + border-bottom: 1px solid #e5e5e5;
  260 +}
  261 +
  262 +.subscribe-subject {
  263 + background-color: #33cc33 !important;
  264 + color:white;
  265 +}
  266 +
  267 +.filedrag {
  268 + color: #555;
  269 + border: 2px dashed #555;
  270 +}
0 \ No newline at end of file 271 \ No newline at end of file
amadeus/static/img/themes/black.png 0 → 100644
View file @3da14de

69 KB
amadeus/static/img/themes/green.png 0 → 100644
View file @3da14de

69.3 KB
amadeus/static/img/themes/red.png 0 → 100644
View file @3da14de

71.4 KB
amadeus/templates/base.html
  Diff comments   View file @3da14de
@@ -47,6 +47,7 @@ @@ -47,6 +47,7 @@
47 <!-- Custom styles --> 47 <!-- Custom styles -->
48 <link rel="stylesheet" type="text/css" href="{% static 'css/base/amadeus_responsive.css' %}"> 48 <link rel="stylesheet" type="text/css" href="{% static 'css/base/amadeus_responsive.css' %}">
49 <link rel="stylesheet" type="text/css" href="{% static 'css/base/amadeus.css' %}"> 49 <link rel="stylesheet" type="text/css" href="{% static 'css/base/amadeus.css' %}">
  50 + <link rel="stylesheet" type="text/css" href="{% static 'css/themes/green.css' %}">
50 51
51 <!--Javascript block for specific-app ones --> 52 <!--Javascript block for specific-app ones -->
52 <script src="{% static 'js/base/amadeus.js' %}"></script> 53 <script src="{% static 'js/base/amadeus.js' %}"></script>
security/migrations/0003_auto_20170112_1408.py 0 → 100644
  Diff comments   View file @3da14de
@@ -0,0 +1,20 @@ @@ -0,0 +1,20 @@
  1 +# -*- coding: utf-8 -*-
  2 +# Generated by Django 1.10 on 2017-01-12 17:08
  3 +from __future__ import unicode_literals
  4 +
  5 +from django.db import migrations, models
  6 +
  7 +
  8 +class Migration(migrations.Migration):
  9 +
  10 + dependencies = [
  11 + ('security', '0002_auto_20170110_1807'),
  12 + ]
  13 +
  14 + operations = [
  15 + migrations.AlterField(
  16 + model_name='security',
  17 + name='maintence',
  18 + field=models.BooleanField(default=False, verbose_name='Put system in maintenance mode'),
  19 + ),
  20 + ]
subjects/migrations/0012_auto_20170112_1408.py 0 → 100644
  Diff comments   View file @3da14de
@@ -0,0 +1,19 @@ @@ -0,0 +1,19 @@
  1 +# -*- coding: utf-8 -*-
  2 +# Generated by Django 1.10 on 2017-01-12 17:08
  3 +from __future__ import unicode_literals
  4 +
  5 +from django.db import migrations
  6 +
  7 +
  8 +class Migration(migrations.Migration):
  9 +
  10 + dependencies = [
  11 + ('subjects', '0011_auto_20170110_1446'),
  12 + ]
  13 +
  14 + operations = [
  15 + migrations.AlterModelOptions(
  16 + name='subject',
  17 + options={'ordering': ['name'], 'verbose_name': 'Subject', 'verbose_name_plural': 'Subjects'},
  18 + ),
  19 + ]
themes/forms.py
  Diff comments   View file @3da14de
@@ -4,6 +4,30 @@ from django import forms @@ -4,6 +4,30 @@ from django import forms
4 from .models import Themes 4 from .models import Themes
5 5
6 class BasicElemetsForm(forms.ModelForm): 6 class BasicElemetsForm(forms.ModelForm):
  7 +
  8 + def clean_small_logo(self):
  9 + image = self.cleaned_data.get('small_logo', False)
  10 +
  11 + if image:
  12 + if hasattr(image, '_size'):
  13 + if image._size > self.MAX_UPLOAD_SIZE:
  14 + self._errors['small_logo'] = [_("The image is too large. It should have less than 2MB.")]
  15 +
  16 + return ValueError
  17 +
  18 + return image
  19 +
  20 + def clean_large_logo(self):
  21 + image = self.cleaned_data.get('large_logo', False)
  22 +
  23 + if image:
  24 + if hasattr(image, '_size'):
  25 + if image._size > self.MAX_UPLOAD_SIZE:
  26 + self._errors['large_logo'] = [_("The image is too large. It should have less than 2MB.")]
  27 +
  28 + return ValueError
  29 +
  30 + return image
7 31
8 class Meta: 32 class Meta:
9 model = Themes 33 model = Themes
themes/migrations/0003_auto_20170112_1408.py 0 → 100644
  Diff comments   View file @3da14de
@@ -0,0 +1,20 @@ @@ -0,0 +1,20 @@
  1 +# -*- coding: utf-8 -*-
  2 +# Generated by Django 1.10 on 2017-01-12 17:08
  3 +from __future__ import unicode_literals
  4 +
  5 +from django.db import migrations, models
  6 +
  7 +
  8 +class Migration(migrations.Migration):
  9 +
  10 + dependencies = [
  11 + ('themes', '0002_auto_20170110_1809'),
  12 + ]
  13 +
  14 + operations = [
  15 + migrations.AlterField(
  16 + model_name='themes',
  17 + name='css_style',
  18 + field=models.CharField(choices=[('green', 'Green'), ('red', 'Red'), ('black', 'Black')], default='green', max_length=50, verbose_name='Css Style'),
  19 + ),
  20 + ]
themes/models.py
  Diff comments   View file @3da14de
@@ -13,7 +13,7 @@ class Themes(models.Model): @@ -13,7 +13,7 @@ class Themes(models.Model):
13 small_logo = models.ImageField(verbose_name = _("Small Logo"), blank = True, upload_to = 'themes/', default = 'logo_pequena_amadeus.png', validators = [validate_img_extension]) 13 small_logo = models.ImageField(verbose_name = _("Small Logo"), blank = True, upload_to = 'themes/', default = 'logo_pequena_amadeus.png', validators = [validate_img_extension])
14 large_logo = models.ImageField(verbose_name = _("Large Logo"), blank = True, upload_to = 'themes/', default = 'logo_grande_amadeus.png', validators = [validate_img_extension]) 14 large_logo = models.ImageField(verbose_name = _("Large Logo"), blank = True, upload_to = 'themes/', default = 'logo_grande_amadeus.png', validators = [validate_img_extension])
15 footer_note = models.TextField(_("Footer Note"), blank = True) 15 footer_note = models.TextField(_("Footer Note"), blank = True)
16 - css_style = models.CharField(_("Css Style"), max_length = 50, default = "green") 16 + css_style = models.CharField(_("Css Style"), max_length = 50, default = "green", choices = (("green", _('Green')), ("red", _('Red')), ("black", _('Black'))))
17 17
18 class Meta: 18 class Meta:
19 verbose_name = _("Theme") 19 verbose_name = _("Theme")
themes/templates/themes/css_update.html
  Diff comments   View file @3da14de
@@ -0,0 +1,78 @@ @@ -0,0 +1,78 @@
  1 +{% extends 'themes/index.html' %}
  2 +
  3 +{% load static i18n %}
  4 +{% load widget_tweaks %}
  5 +{% load django_bootstrap_breadcrumbs %}
  6 +
  7 +{% block breadcrumbs %}
  8 + {{ block.super }}
  9 + {% breadcrumb 'CSS Selector' 'themes:css' %}
  10 +{% endblock %}
  11 +
  12 +{% block content %}
  13 + <div class="card">
  14 + <div class="card-content">
  15 + <div class="card-body">
  16 + <a href="{% url 'themes:basic' %}" class="page_selector"><h4><i class="fa fa-angle-right"></i> {% trans 'Basic Elements' %}</h4></a>
  17 + <a href="{% url 'themes:css' %}" class="page_selector"><h4><i class="fa fa-angle-down"></i> {% trans 'CSS Selector' %}</h4></a>
  18 +
  19 + <form method="post" action="" enctype="multipart/form-data">
  20 + {% csrf_token %}
  21 + {% for field in form %}
  22 + <div class="form-group{% if form.has_error %} has-error {% endif %} is-fileinput">
  23 + {% if field.field.required %}
  24 + <label for="{{ field.auto_id }}">{{ field.label }} <span>*</span></label>
  25 + {% else %}
  26 + <label for="{{ field.auto_id }}">{{ field.label }}</label>
  27 + {% endif %}
  28 +
  29 + <br clear="all" />
  30 +
  31 + {% for radio in field %}
  32 + <label for="{{ radio.id_for_label }}" class="row text-center">
  33 + <div class="col-lg-offset-2 col-md-offset-2 col-sm-offset-2 col-lg-2 col-md-2 col-sm-2 col-xs-3">
  34 + <span class="radio">
  35 + {{ radio }}
  36 + </span>
  37 + </div>
  38 + <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  39 + {% with 'img/themes/'|add:radio.choice_value|add:'.png' as img_presentation %}
  40 + <img class="radio theme_img" src="{% static img_presentation %}" />
  41 + {% endwith %}
  42 + </div>
  43 + <div class="col-md-2 col-md-2 col-sm-2 col-xs-2">
  44 + {% with 'css/themes/'|add:radio.choice_value|add:'.css' as doc_presentation %}
  45 + <a class="radio" href="{% static doc_presentation %}" target="blank">{% trans 'Documentation' %}</a>
  46 + {% endwith %}
  47 + </div>
  48 + </label>
  49 + <br clear="all" />
  50 + {% endfor %}
  51 + </div>
  52 +
  53 + <span id="helpBlock" class="help-block">{{ field.help_text }}</span>
  54 + {% if field.errors %}
  55 + <div class="alert alert-danger alert-dismissible" role="alert">
  56 + <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  57 + <span aria-hidden="true">&times;</span>
  58 + </button>
  59 + <ul>
  60 + {% for error in field.errors %}
  61 + <li>{{ error }}</li>
  62 + {% endfor %}
  63 + </ul>
  64 + </div>
  65 + {% endif %}
  66 + {% endfor %}
  67 + <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
  68 + <div class="text-center">
  69 + <input type="submit" value="{% trans 'Save' %}" class="btn btn-raised btn-primary" />
  70 + </div>
  71 + </div>
  72 + </form>
  73 + </div>
  74 + </div>
  75 + </div>
  76 + <br clear="all" />
  77 + <br clear="all" />
  78 +{% endblock %}
0 \ No newline at end of file 79 \ No newline at end of file