diff --git a/css/swad21.91.5.css b/css/swad21.92.css similarity index 96% rename from css/swad21.91.5.css rename to css/swad21.92.css index cae5cc6d..a5169045 100644 --- a/css/swad21.91.5.css +++ b/css/swad21.92.css @@ -474,7 +474,7 @@ a:hover /* Default ==> underlined */ .BC_PINK {color:#ffc040;} .BC_DARK {color:#ffb42e;} -.BC_ICON +.BC_ICO { display:inline-block; width:20px; @@ -483,6 +483,15 @@ a:hover /* Default ==> underlined */ margin:-1px 0 1px 0; } +/* Creating filter from RGB: https://codepen.io/sosuke/pen/Pjoqqp */ +.BC_ICO_WHITE {filter: invert(45%) sepia(0%) saturate(14%) hue-rotate(159deg) brightness(96%) contrast(89%);} /* #707070 */ +.BC_ICO_GREY {filter: invert(61%) sepia(96%) saturate(366%) hue-rotate(352deg) brightness(103%) contrast(101%);} /* #ffb42e */ +.BC_ICO_PURPLE {filter: invert(77%) sepia(91%) saturate(1669%) hue-rotate(327deg) brightness(110%) contrast(103%);} /* #ffc040 */ +.BC_ICO_BLUE {filter: invert(77%) sepia(91%) saturate(1669%) hue-rotate(327deg) brightness(110%) contrast(103%);} /* #ffc040 */ +.BC_ICO_YELLOW {filter: invert(61%) sepia(96%) saturate(366%) hue-rotate(352deg) brightness(103%) contrast(101%);} /* #ffb42e */ +.BC_ICO_PINK {filter: invert(77%) sepia(91%) saturate(1669%) hue-rotate(327deg) brightness(110%) contrast(103%);} /* #ffc040 */ +.BC_ICO_DARK {filter: invert(61%) sepia(96%) saturate(366%) hue-rotate(352deg) brightness(103%) contrast(101%);} /* #ffb42e */ + /******** Big name of country, institution, center, degree or course *********/ #main_title { @@ -584,6 +593,15 @@ a:hover /* Default ==> underlined */ .NOTIF_PINK {color:white; font-size:12pt; white-space:nowrap;} .NOTIF_DARK {color:#e0e0e0; font-size:12pt; white-space:nowrap;} +/* Creating filter from RGB: https://codepen.io/sosuke/pen/Pjoqqp */ +.NOTIF_ICO_WHITE {filter: invert(45%) sepia(0%) saturate(14%) hue-rotate(159deg) brightness(96%) contrast(89%);} /* #707070 */ +.NOTIF_ICO_GREY {filter: invert(98%) sepia(44%) saturate(30%) hue-rotate(167deg) brightness(116%) contrast(76%);} /* #e0e0e0 */ +.NOTIF_ICO_PURPLE {filter: invert(98%) sepia(44%) saturate(30%) hue-rotate(167deg) brightness(116%) contrast(76%);} /* #e0e0e0 */ +.NOTIF_ICO_BLUE {filter: invert(100%) sepia(19%) saturate(4118%) hue-rotate(214deg) brightness(115%) contrast(100%);} /* #ffffff */ +.NOTIF_ICO_YELLOW {filter: invert(89%) sepia(3%) saturate(180%) hue-rotate(251deg) brightness(79%) contrast(92%);} /* #b3b0b3 */ +.NOTIF_ICO_PINK {filter: invert(100%) sepia(19%) saturate(4118%) hue-rotate(214deg) brightness(115%) contrast(100%);} /* #ffffff */ +.NOTIF_ICO_DARK {filter: invert(98%) sepia(44%) saturate(30%) hue-rotate(167deg) brightness(116%) contrast(76%);} /* #e0e0e0 */ + /******************* Layout (third heading row with tabs) ********************/ .HEAD_ROW_3_WHITE { @@ -1952,37 +1970,37 @@ a:hover img.CENTER_PHOTO_SHOW vertical-align:middle; } /* Creating filter from RGB: https://codepen.io/sosuke/pen/Pjoqqp */ -.BLACK_ICO_WHITE, -.BLACK_ICO_GREY, -.BLACK_ICO_PURPLE, -.BLACK_ICO_BLUE, -.BLACK_ICO_YELLOW, -.BLACK_ICO_PINK {filter: invert(26%) sepia(0%) saturate(1%) hue-rotate(288deg) brightness(97%) contrast(102%);} /* #404040 */ -.BLACK_ICO_DARK {filter: invert(92%) sepia(44%) saturate(2%) hue-rotate(176deg) brightness(110%) contrast(88%);} /* #f0f0f0 */ +.ICO_BLACK_WHITE, +.ICO_BLACK_GREY, +.ICO_BLACK_PURPLE, +.ICO_BLACK_BLUE, +.ICO_BLACK_YELLOW, +.ICO_BLACK_PINK {filter: invert(26%) sepia(0%) saturate(1%) hue-rotate(288deg) brightness(97%) contrast(102%);} /* #404040 */ +.ICO_BLACK_DARK {filter: invert(92%) sepia(44%) saturate(2%) hue-rotate(176deg) brightness(110%) contrast(88%);} /* #f0f0f0 */ -.GREEN_ICO_WHITE, -.GREEN_ICO_GREY, -.GREEN_ICO_PURPLE, -.GREEN_ICO_BLUE, -.GREEN_ICO_YELLOW, -.GREEN_ICO_PINK {filter: invert(31%) sepia(16%) saturate(3727%) hue-rotate(60deg) brightness(94%) contrast(104%);} /* #246600 */ -.GREEN_ICO_DARK {filter: invert(75%) sepia(13%) saturate(1915%) hue-rotate(46deg) brightness(89%) contrast(89%);} /* #80c040 */ +.ICO_GREEN_WHITE, +.ICO_GREEN_GREY, +.ICO_GREEN_PURPLE, +.ICO_GREEN_BLUE, +.ICO_GREEN_YELLOW, +.ICO_GREEN_PINK {filter: invert(31%) sepia(16%) saturate(3727%) hue-rotate(60deg) brightness(94%) contrast(104%);} /* #246600 */ +.ICO_GREEN_DARK {filter: invert(75%) sepia(13%) saturate(1915%) hue-rotate(46deg) brightness(89%) contrast(89%);} /* #80c040 */ -.RED_ICO_WHITE, -.RED_ICO_GREY, -.RED_ICO_PURPLE, -.RED_ICO_BLUE, -.RED_ICO_YELLOW, -.RED_ICO_PINK {filter: invert(8%) sepia(61%) saturate(5373%) hue-rotate(0deg) brightness(92%) contrast(114%);} /* #660000 */ -.RED_ICO_DARK {filter: invert(51%) sepia(58%) saturate(1457%) hue-rotate(320deg) brightness(126%) contrast(104%);} /* #ff8080 */ +.ICO_RED_WHITE, +.ICO_RED_GREY, +.ICO_RED_PURPLE, +.ICO_RED_BLUE, +.ICO_RED_YELLOW, +.ICO_RED_PINK {filter: invert(8%) sepia(61%) saturate(5373%) hue-rotate(0deg) brightness(92%) contrast(114%);} /* #660000 */ +.ICO_RED_DARK {filter: invert(51%) sepia(58%) saturate(1457%) hue-rotate(320deg) brightness(126%) contrast(104%);} /* #ff8080 */ -.WHITE_ICO_WHITE, -.WHITE_ICO_GREY, -.WHITE_ICO_PURPLE, -.WHITE_ICO_BLUE, -.WHITE_ICO_YELLOW, -.WHITE_ICO_PINK {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(194deg) brightness(106%) contrast(105%);} /* #ffffff */ -.WHITE_ICO_DARK {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(194deg) brightness(106%) contrast(105%);} /* #ffffff */ +.ICO_WHITE_WHITE, +.ICO_WHITE_GREY, +.ICO_WHITE_PURPLE, +.ICO_WHITE_BLUE, +.ICO_WHITE_YELLOW, +.ICO_WHITE_PINK {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(194deg) brightness(106%) contrast(105%);} /* #ffffff */ +.ICO_WHITE_DARK {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(194deg) brightness(106%) contrast(105%);} /* #ffffff */ /********************************** Frame ************************************/ .FRAME_INLINE @@ -2904,8 +2922,22 @@ table.CELLS_PAD_10 > tbody > tr > td {padding:10px;} .GRP_TITLE {color:#4d88a1; font-size:15pt; font-weight:bold;} -.ASG_TITLE {color:#4d88a1; font-size:15pt; font-weight:bold;} -.ASG_TITLE_LIGHT {color:#afc4cc; font-size:15pt; font-weight:bold;} +.ASG_TITLE_WHITE, +.ASG_TITLE_GREY, +.ASG_TITLE_PURPLE, +.ASG_TITLE_BLUE, +.ASG_TITLE_YELLOW, +.ASG_TITLE_PINK {color:#4d88a1; font-size:15pt; font-weight:bold;} +.ASG_TITLE_DARK {color:#afc4cc; font-size:15pt; font-weight:bold;} + +.ASG_TITLE_LIGHT_WHITE, +.ASG_TITLE_LIGHT_GREY, +.ASG_TITLE_LIGHT_PURPLE, +.ASG_TITLE_LIGHT_BLUE, +.ASG_TITLE_LIGHT_YELLOW, +.ASG_TITLE_LIGHT_PINK {color:rgba( 77,136,161,0.3); font-size:15pt; font-weight:bold;} +.ASG_TITLE_LIGHT_DARK {color:rgba(175,196,204,0.3); font-size:15pt; font-weight:bold;} + .ASG_LABEL {color:#4d88a1; font-size:13pt;} .ASG_LABEL_LIGHT {color:#afc4cc; font-size:13pt;} .ASG_GRP {color:#4d88a1; font-size:12pt;} @@ -4407,13 +4439,13 @@ table.CELLS_PAD_10 > tbody > tr > td {padding:10px;} .MSG_AUT_NEW_PINK {color:#4d88a1; font-size:11pt; font-weight:bold;} .MSG_AUT_NEW_DARK {color:#afc4cc; font-size:11pt; font-weight:bold;} -.MSG_AUT_REM_WHITE, -.MSG_AUT_REM_GREY, -.MSG_AUT_REM_PURPLE, -.MSG_AUT_REM_BLUE, -.MSG_AUT_REM_YELLOW, -.MSG_AUT_REM_PINK {color:#afc4cc; font-size:11pt;} -.MSG_AUT_REM_DARK {color:#4d88a1; font-size:11pt;} +.MSG_AUT_LIGHT_WHITE, +.MSG_AUT_LIGHT_GREY, +.MSG_AUT_LIGHT_PURPLE, +.MSG_AUT_LIGHT_BLUE, +.MSG_AUT_LIGHT_YELLOW, +.MSG_AUT_LIGHT_PINK {color:rgba( 77,136,161,0.3); font-size:11pt;} +.MSG_AUT_LIGHT_DARK {color:rgba(175,196,204,0.3); font-size:11pt;} .MSG_DATE {color:#4d88a1; font-size:11pt;} .MSG_DATE_NEW {color:#4d88a1; font-size:11pt; font-weight:bold;} diff --git a/js/swad21.78.2.js b/js/swad21.92.js similarity index 99% rename from js/swad21.78.2.js rename to js/swad21.92.js index 2b56b5c4..49eb5c47 100644 --- a/js/swad21.78.2.js +++ b/js/swad21.92.js @@ -1730,7 +1730,7 @@ function disableDetailedClicks () { /*****************************************************************************/ function Cal_DrawCalendar (id,FirstDayOfWeek, - TimeUTC,CurrentPlcCod,PrintView,Theme, + TimeUTC,CurrentPlcCod,PrintView,ColorSuffix, CGI,FormGoToCalendarParams,FormEventParams) { var StartingMonth = [ // Calendar starts one row before current month 10, // January --> October @@ -1776,7 +1776,7 @@ function Cal_DrawCalendar (id,FirstDayOfWeek, DrawMonth (MonthId,FirstDayOfWeek, Year,Month, CurrentMonth,CurrentDay, - CurrentPlcCod,true,PrintView,Theme, + CurrentPlcCod,true,PrintView,ColorSuffix, CGI,FormGoToCalendarParams,FormEventParams); Gbl_HTMLContent += ''; if (++Month == 13) { @@ -1795,7 +1795,7 @@ function Cal_DrawCalendar (id,FirstDayOfWeek, /***************************** Draw current month ****************************/ /*****************************************************************************/ -function DrawCurrentMonth (id,FirstDayOfWeek,TimeUTC,CurrentPlcCod,Theme, +function DrawCurrentMonth (id,FirstDayOfWeek,TimeUTC,CurrentPlcCod,ColorSuffix, CGI,FormGoToCalendarParams,FormEventParams) { var d = new Date(); d.setTime(TimeUTC * 1000); @@ -1806,7 +1806,7 @@ function DrawCurrentMonth (id,FirstDayOfWeek,TimeUTC,CurrentPlcCod,Theme, DrawMonth (id,FirstDayOfWeek, Year,Month, Month,CurrentDay, - CurrentPlcCod,false,false,Theme, + CurrentPlcCod,false,false,ColorSuffix, CGI,FormGoToCalendarParams,FormEventParams); document.getElementById(id).innerHTML = Gbl_HTMLContent; } @@ -1820,7 +1820,7 @@ function DrawCurrentMonth (id,FirstDayOfWeek,TimeUTC,CurrentPlcCod,Theme, function DrawMonth (id,FirstDayOfWeek, YearToDraw,MonthToDraw, CurrentMonth,CurrentDay, - CurrentPlcCod,DrawingCalendar,PrintView,Theme, + CurrentPlcCod,DrawingCalendar,PrintView,ColorSuffix, CGI,FormGoToCalendarParams,FormEventParams) { var Hld_HOLIDAY = 0; var Hld_NON_SCHOOL_PERIOD = 1; @@ -1873,13 +1873,13 @@ function DrawMonth (id,FirstDayOfWeek, /***** Month name *****/ if (DrawingCalendar) - Gbl_HTMLContent += '