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 7 .pagination > li > a, .pagination > li > span {
2 8 padding: 0px 8px;
3 9 }
... ... @@ -34,10 +40,9 @@
34 40 width: 70%;
35 41 }
36 42  
37   -.my-subjects-title{
  43 +.my-subjects-title {
38 44 font-family: Roboto;
39   - font-size: 18px;
40   - color: #26A69A;
  45 + font-size: 18px;
41 46 }
42 47  
43 48 /* initial page ends */
... ... @@ -48,27 +53,13 @@
48 53 padding-left: 0px;
49 54 }
50 55  
51   -#sidebar-menu .item{
  56 +#sidebar-menu .item {
52 57 font-size: 3vw;
53   - background-color: #26A69A;
54   - color: white;
55 58 width: 80%;
56 59 margin: 10px 0px 10px 10px;
57 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 63 #subjects-link{
73 64 margin-top: 0px !important;
74 65 }
... ... @@ -76,21 +67,9 @@
76 67 #sidebar-menu-div{
77 68 padding-right: 10px;
78 69 }
79   -
80   -
81   -
82 70 /* side bar menu ends*/
83 71  
84 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 73 .category-panel > .panel-heading, .subject-panel > .panel-heading, .special-panel > .panel-heading {
95 74 padding: 2px 0px;
96 75 }
... ... @@ -99,10 +78,6 @@
99 78 padding: 2px 0px;
100 79 }
101 80  
102   -.subject-panel > .panel-heading {
103   - background-color: #039BE5 !important;
104   -}
105   -
106 81 .subject-group {
107 82 margin-left: 20px;
108 83 }
... ... @@ -129,84 +104,58 @@
129 104 float: none;
130 105 }
131 106  
132   -.category-header i{
133   - color: white;
  107 +.category-header i {
134 108 font-size: 20px;
135 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 112 .cat-selector {
148 113 margin: 0;
149 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 130 .core-subjects-options{
171   - padding: 0px;
  131 + padding: 0px;
172 132 }
173 133  
174   -
175 134 #core-subjects-options-div{
176 135 width: 100%;
177 136 margin-bottom: 10px;
178 137 height: 50px;
179 138 }
180 139  
181   -.core-subjects-options li{
  140 +.core-subjects-options li {
182 141 float:left;
183 142 padding: 10px;
184 143 padding-bottom: 8px;
185   - background-color: #FFFFFF;
186 144 margin: 1px;
187 145 border-bottom: 5px;
188 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 149 #delete-category-footer{
199   - border-top:none !important;
  150 + border-top:none !important;
200 151 }
201 152  
202 153 .erase-button{
203   - float:left;
  154 + float:left;
204 155 }
205 156  
206   -.create-subject-btn{
  157 +.create-subject-btn {
207 158 width: 100%;
208   - background-color: #26A69A;
209   - color: white;
210 159 border: 0px;
211 160 margin-bottom: 10px;
212 161 }
... ... @@ -221,31 +170,26 @@
221 170 }
222 171  
223 172 #coordinators_accordion .panel-heading, #professors_accordion .panel-heading {
224   - background: #FFFFFF;
225 173 border: none;
226 174 }
227 175  
228 176 #coordinators_accordion .panel-collapse, #professors_accordion .panel-collapse {
229 177 padding: 10px;
230 178 }
231   -
232 179 /* category app ends */
233 180  
234 181 .clearfix{
235   - clear: both;
  182 + clear: both;
236 183 }
237 184  
238 185 .mg-b-5m{
239   - margin-bottom: 5em;
  186 + margin-bottom: 5em;
240 187 }
241 188  
242 189 /* NavBar Top */
243 190 .navbar-brand {
244 191 height: 50px !important;
245 192 }
246   -.navbar-brand:hover {
247   - background: #00695C !important;
248   -}
249 193  
250 194 .navbar .navbar-form {
251 195 margin-top: 10px;
... ... @@ -262,11 +206,6 @@
262 206 font-weight: normal;
263 207 padding-left: 10px;
264 208 font-size: 20px;
265   - color: white;
266   -}
267   -
268   -.navbar-nav li.open {
269   - background: #00695C;
270 209 }
271 210  
272 211 .navbar-nav li > a {
... ... @@ -275,21 +214,11 @@
275 214 padding-left: 20px;
276 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 218 .submenu {
287 219 -webkit-padding-start: 0px;
288 220 }
289 221  
290   -.top-search {
291   - color: #F5F5F5;
292   -}
293 222 .top-search::-webkit-input-placeholder {
294 223 font-style: italic;
295 224 }
... ... @@ -302,48 +231,24 @@
302 231 .top-search:-moz-placeholder {
303 232 font-style: italic;
304 233 }
305   -
306   -#btn-search:hover {
307   - background: #00695C;
308   -}
309 234 /* End NavBar Top */
310 235  
311 236 /* Dropdown menu Topbar */
312   -.dropdown-menu {
313   - background: #F5F5F5;
314   -}
315   -
316 237 .dropdown-menu li > a {
317   - background: #F5F5F5;
318 238 font-family: Roboto;
319 239 font-size: 16px;
320   - color: #333333;
321   -}
322   -.dropdown-menu li > a:hover {
323   - background: #EEEEEE !important;
324 240 }
325 241  
326 242 #system_accordion {
327 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 246 #system_accordion > .panel > .panel-heading > a > .panel-title {
338 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 250 #system_accordion > .panel > .panel-heading > a:hover {
345 251 text-decoration: none;
346   - color: #009688;
347 252 }
348 253 #system_accordion > .panel > .panel-heading > a:focus {
349 254 text-decoration: none;
... ... @@ -354,10 +259,6 @@
354 259 padding-bottom: 0px;
355 260 }
356 261  
357   -#system_menu {
358   - background: #F5F5F5;
359   -}
360   -
361 262 .submenu a {
362 263 font-family: Roboto;
363 264 font-weight: normal;
... ... @@ -371,29 +272,34 @@
371 272 /* End Dropdown menu Topbar */
372 273  
373 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 284 /* HEADER */
378 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 290 #NavBarSearch{
384 291 position: absolute;
385 292 left: 30%;
386   - }
  293 +}
387 294 #btn-search{
388   - margin-bottom: 0px;
389   - }
  295 + margin-bottom: 0px;
  296 +}
390 297 .user-notification-img{
391   - width:40%;
  298 + width:40%;
392 299 }
393 300  
394 301 #horizontal-line{
395   - height:2px;
396   - background-color: black;
  302 + height:2px;
397 303 }
398 304  
399 305 .navbar .dropdown-menu li>a, .navbar.navbar-default .dropdown-menu li>a {
... ... @@ -402,8 +308,6 @@
402 308 }
403 309  
404 310 /* HEADER */
405   -
406   -
407 311 .logoLogin{
408 312 padding-bottom: 1%;
409 313 width: 15%;
... ... @@ -418,18 +322,6 @@
418 322 margin-bottom: 5px;
419 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 325 /* End Breadcrumbs */
434 326  
435 327 .courseHome{
... ... @@ -468,227 +360,24 @@
468 360 text-align: right;
469 361 }
470 362 #img {
471   -
472 363 display: block;
473 364 margin: auto;
474 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 368 .breadcrumb .divider{
675   - display: none;
  369 + display: none;
676 370 }
677 371  
678 372 /*Logo register user*/
679 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 379 .accordion_list {
690 380 padding-left: 4px;
691   - background: #F5F5F5;
692 381 }
693 382  
694 383 .container-fluid {
... ... @@ -696,62 +385,11 @@ a.alert_message:hover{color : grey}
696 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 388 .icon_edit_remove{
746   - float: right;
  389 + float: right;
747 390 }
748 391  
749   -
750 392 /* core/index.html classes*/
751   -.outside-title {
752   - color: #43a251;
753   -}
754   -
755 393 .logo-login{
756 394 margin-top: 15px;
757 395 margin-bottom: 15px;
... ... @@ -777,87 +415,78 @@ ul, li {
777 415 /* core/register_user.html classes*/
778 416  
779 417 .block-register-inline{
780   - float: left;
781   - display: inline-block;
  418 + float: left;
  419 + display: inline-block;
782 420 }
783 421  
784 422 /* core/reset_password.html classes*/
785 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 427 /* Icon Topic */
815 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 435 .divMoreActions > .btn-group {
821   - margin: 0px !important;
  436 + margin: 0px !important;
822 437 }
823 438  
824 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 457 .dropdown-menu .pull-right {
836 458 right: 0;
837   - }
  459 +}
  460 +
838 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 480 .course-card{
850   - margin-bottom: 0.4% !important;
  481 + margin-bottom: 0.4% !important;
851 482 }
852 483  
853 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 489 font-size: 16px;
860   - color: #FFFFFF !important;
861 490 font-family: Roboto;
862 491 font-weight: normal;
863 492 }
... ... @@ -868,31 +497,30 @@ ul, li {
868 497  
869 498 /* Menu link remove radius */
870 499 .nav-pills > li > a {
871   - border-radius: 0px;
  500 + border-radius: 0px;
872 501 }
873 502  
874 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 511 /* === Amadeus settings*/
883 512 #panel2 .form-group{
884   - margin: 0;
  513 + margin: 0;
885 514 }
886 515  
887 516 #panel2 .col-md-2, #panel2 .col-md-10{
888   - padding-left: 0;
  517 + padding-left: 0;
889 518 }
890 519  
891 520 /* Profile */
892 521 .profile_function {
893 522 padding-bottom: 7px;
894 523 font-size: 16px;
895   - border-bottom: 1px solid #D2D2D2;
896 524 }
897 525 /* End Profile */
898 526  
... ... @@ -903,13 +531,11 @@ ul, li {
903 531  
904 532 .bottom-menu {
905 533 position: fixed;
906   - bottom: 0px;
907   - background: #F5F5F5;
  534 + bottom: 0px;
908 535 width: 100%;
909 536 padding: 0px 30px;
910 537 z-index: 999;
911 538 height: 50px;
912   - background: #26A69A;
913 539 }
914 540  
915 541 .mobile-menu {
... ... @@ -921,65 +547,43 @@ ul, li {
921 547 }
922 548  
923 549 .mobile-menu .item {
924   - color: #FFFFFF;
925   - background: #26A69A;
926 550 padding-top: 3px;
927 551 text-align: center;
928 552 height: 50px;
929 553 width: 55px;
930 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 556 /* End Bottom Menu */
945 557  
946   -
947   -
948 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 566 /* subjects app ends */
964 567  
965 568 /* Themes */
966 569 .page_selector h4 {
967 570 margin-bottom: 20px;
968   - border-bottom: 1px solid #e5e5e5;
969 571 }
970 572 .page_selector:hover, .page_selector:focus {
971 573 text-decoration: none;
972 574 }
973 575  
974   -.filedrag{
  576 +.filedrag {
975 577 display: none;
976 578 font-weight: bold;
977 579 text-align: center;
978 580 padding: 1em 0;
979 581 margin: 1em 0;
980   - color: #555;
981   - border: 2px dashed #555;
982 582 border-radius: 7px;
983 583 cursor: pointer;
984 584 }
  585 +
  586 +.theme_img {
  587 + width: 100%;
  588 +}
985 589 /* End Themes */
986 590 \ No newline at end of file
... ...
amadeus/static/css/themes/black.css 0 → 100644
  Diff comments   View file @3da14de
... ... @@ -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 271 \ No newline at end of file
... ...
amadeus/static/css/themes/green.css 0 → 100644
  Diff comments   View file @3da14de
... ... @@ -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 271 \ No newline at end of file
... ...
amadeus/static/css/themes/red.css 0 → 100644
  Diff comments   View file @3da14de
... ... @@ -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 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 47 <!-- Custom styles -->
48 48 <link rel="stylesheet" type="text/css" href="{% static 'css/base/amadeus_responsive.css' %}">
49 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 52 <!--Javascript block for specific-app ones -->
52 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 @@
  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 @@
  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 4 from .models import Themes
5 5  
6 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 32 class Meta:
9 33 model = Themes
... ...
themes/migrations/0003_auto_20170112_1408.py 0 → 100644
  Diff comments   View file @3da14de
... ... @@ -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 13 small_logo = models.ImageField(verbose_name = _("Small Logo"), blank = True, upload_to = 'themes/', default = 'logo_pequena_amadeus.png', validators = [validate_img_extension])
14 14 large_logo = models.ImageField(verbose_name = _("Large Logo"), blank = True, upload_to = 'themes/', default = 'logo_grande_amadeus.png', validators = [validate_img_extension])
15 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 18 class Meta:
19 19 verbose_name = _("Theme")
... ...
themes/templates/themes/css_update.html
  Diff comments   View file @3da14de
... ... @@ -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 79 \ No newline at end of file
... ...