From 46ced958e517661530813aaa9a91e3ec398e37f1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Antonio=20Ca=C3=B1as=20Vargas?= Date: Fri, 3 Jan 2020 22:16:51 +0100 Subject: [PATCH] Version19.112.1 --- css/swad19.112.css | 4057 +++++++++++++++++++++++++++++++++++++ swad_centre.c | 1 + swad_centre_config.c | 1 + swad_changelog.h | 2 +- swad_connected.c | 1 + swad_country.c | 1 + swad_country_config.c | 3 + swad_course.c | 1 + swad_course_config.c | 1 + swad_degree.c | 1 + swad_hierarchy.c | 1 + swad_institution.c | 1 + swad_institution_config.c | 3 + 13 files changed, 4073 insertions(+), 1 deletion(-) create mode 100644 css/swad19.112.css diff --git a/css/swad19.112.css b/css/swad19.112.css new file mode 100644 index 00000000..b47e2366 --- /dev/null +++ b/css/swad19.112.css @@ -0,0 +1,4057 @@ +/* swad_desktop.css:style-sheet for desktop layout of SWAD */ + +/* + SWAD (Shared Workspace At a Distance), + is a web platform developed at the University of Granada (Spain), + and used to support university teaching. + + This file is part of SWAD core. + Copyright (C) 1999-2020 Antonio Cañas Vargas + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General 3 License as + published by the Free Software Foundation,either version 3 of the + License,or (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not,see . +*/ +/********************************* Body **************************************/ +body + { + margin:0; + background-color:white; + font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size:1em; + overflow-y:scroll; /* force vertical scrollbar */ + } +input + { + font-size:12pt; + } +select + { + font-size:12pt; + } +textarea + { + font-size:13pt; + font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; + } +table + { + box-sizing:border-box; + border-width:0; + border-style:none; + border-spacing:0; + } +table th + { + box-sizing:border-box; + padding:0; + color:#4D88A1; + font-weight:bold; + } +table td + { + box-sizing:border-box; + padding:0; + } +img + { + border-width:0; + border-style:none; + } +form + { + display:inline; + margin:0; + } +address + { + font-style:normal; + } + +/*********************** Text decoration of links ****************************/ +a + { + color:#4D88A1; + } +a:link, a:visited, a:active + { + text-decoration:none; + } +a:hover /* Default ==> underlined */ + { + text-decoration:underline; + } + +/****************** Layout (the whole page with a background) ****************/ +#whole_page + { + display:table; + box-sizing:border-box; + width:100%; + } + +/************************* Layout (first heading row) ************************/ +#head_row_1 + { + display:table; + box-sizing:border-box; + width:100%; + height:40px; + } +.HEAD_ROW_1_WHITE + { + background-color:black; + } +.HEAD_ROW_1_GREY + { + background-image:-webkit-linear-gradient(#383838 0,#404040 100%); /* Safari */ + background-image:linear-gradient(#383838 0,#404040 100%); + background-repeat:no-repeat; + } +.HEAD_ROW_1_PURPLE + { + background-image:-webkit-linear-gradient(#812b5a 0,#874c80 100%); /* Safari */ + background-image:linear-gradient(#812b5a, #874c80 100%); + background-repeat:no-repeat; + } +.HEAD_ROW_1_BLUE + { + background-color:#3781c1; + } +.HEAD_ROW_1_YELLOW + { + background-image:-webkit-linear-gradient(#292229 0,#302830 100%); /* Safari */ + background-image:linear-gradient(#292229 0,#302830 100%); + background-repeat:no-repeat; + } +.HEAD_ROW_1_PINK + { + background-image:-webkit-linear-gradient(#bf667f 0,#c86b85 100%); /* Safari */ + background-image:linear-gradient(#bf667f 0,#c86b85 100%); + background-repeat:no-repeat; + } +.HEAD_ROW_1_PINK + { + background-image:-webkit-linear-gradient(#8e5e8f 0,#ab5c84 100%); /* Safari */ + background-image:linear-gradient(#8e5e8f 0,#ab5c84 100%); + background-repeat:no-repeat; + } + +#head_row_1_left + { + display:table-cell; + text-align:left; + vertical-align:middle; + } +@media only screen and (max-width: 1024px) + { /* For mobile-phones */ + #head_row_1_logo_small + { + display:inline-block; + } + #head_row_1_logo_big + { + display:none; + } + #head_row_1_tagline + { + display:none; + } + } +@media only screen and (min-width: 1024px) + { /* For tablets and desktop */ + #head_row_1_logo_small + { + display:none; + } + #head_row_1_logo_big + { + display:inline-block; + } + #head_row_1_tagline + { + display:inline-block; + box-sizing:border-box; + padding:0 4px; + font-size:11pt; + font-weight:bold; + line-height:110%; + white-space:nowrap; + text-align:left; + vertical-align:middle; + } + } +.TAGLINE_WHITE {color:#b0b0b0;} +.TAGLINE_GREY {color:#e0e0e0;} +.TAGLINE_PURPLE {color:#e0e0e0;} +.TAGLINE_BLUE {color:#bad2da;} +.TAGLINE_YELLOW {color:#b3b0b3;} +.TAGLINE_PINK {color:#e8e8e8;} + +#head_row_1_search + { + display:inline-block; + padding:0 10px; + } +@media only screen and (max-width: 1280px) + { /* For mobile phones and tablets */ + #head_search_text + { + display:none; + } + } + +@media only screen and (max-width: 480px) + { /* For mobile phones */ + .SEL_ROLE {width:55px;} + .HEAD_USR + { + display:inline-block; + box-sizing:border-box; + max-width:200px; + text-align:left; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } + } +@media only screen and (min-width: 480px) + { /* For mobile phones */ + .SEL_ROLE {width:130px;} + .HEAD_USR + { + display:inline-block; + box-sizing:border-box; + max-width:320px; + text-align:left; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } + } +.USR_WHITE {color:#b0b0b0; font-size:15pt; font-weight:bold; white-space:nowrap;} +.USR_GREY {color:#e0e0e0; font-size:15pt; font-weight:bold; white-space:nowrap;} +.USR_PURPLE {color:#e0e0e0; font-size:15pt; font-weight:bold; white-space:nowrap;} +.USR_BLUE {color:white; font-size:15pt; font-weight:bold; white-space:nowrap;} +.USR_YELLOW {color:#b3b0b3; font-size:15pt; font-weight:bold; white-space:nowrap;} +.USR_PINK {color:white; font-size:15pt; font-weight:bold; white-space:nowrap;} + +#head_row_1_right + { + display:table-cell; + text-align:right; + vertical-align:middle; + } +#login_box + { + display:inline; + padding:0 10px; + } + +/************************ Layout (second heading row) ************************/ +#head_row_2 + { + display:table; + box-sizing:border-box; + width:100%; + vertical-align:top; + } +.HEAD_ROW_2_WHITE + { + background-image:-webkit-linear-gradient(#cfcfce 0,white 40px,white 100%); /* Safari */ + background-image:linear-gradient(#cfcfce 0,white 40px,white 100%); + } +.HEAD_ROW_2_GREY + { + background-color:#404040; + } +.HEAD_ROW_2_PURPLE + { + background-image:-webkit-linear-gradient(#874c80 0,#a070a1 100%); /* Safari */ + background-image:linear-gradient(#874c80 0,#a070a1 100%); + background-repeat:no-repeat; + } +.HEAD_ROW_2_BLUE + { + background-image:-webkit-linear-gradient(#3781c1 0,#4f90c8 100%); /* Safari */ + background-image:linear-gradient(#3781c1 0,#4f90c8 100%); + background-repeat:no-repeat; + } +.HEAD_ROW_2_YELLOW + { + background-color:#302830; + } +.HEAD_ROW_2_PINK + { + background-image:-webkit-linear-gradient(#ab5c84 0,#c86b85 100%); /* Safari */ + background-image:linear-gradient(#ab5c84 0,#c86b85 100%); + background-repeat:no-repeat; + } + +/******************************* Current time ********************************/ +#head_row_2_time + { + display:table-cell; + box-sizing:border-box; + width:160px; + text-align:center; + vertical-align:middle; + } +#current_date + { + box-sizing:border-box; + background-color:rgba(255, 255, 255, 0.8); + width:80px; + margin-left:6px; + border-radius:4px; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 2px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12); + } +#current_month + { + border-radius:4px 4px 0 0; + background-color:rgba(222, 33, 33, 0.8); + color:white; + font-size:10pt; + font-weight:bold; + white-space:nowrap; + overflow:hidden; + } +.CURRENT_MONTH + { + color:white; + } +#current_day + { + color:#606060; + margin:2px 0 -2px 0; + font-size:20pt; + font-weight:bold; + line-height:100%; + } +.CURRENT_DAY + { + color:#606060; + } +#current_time + { + border-radius:0 0 4px 4px; + color:#606060; + font-size:12pt; + font-weight:bold; + } + +@media only screen and (max-width: 1024px) + { /* For mobile phones */ + #head_row_2_time + { + display:none; + } + } + +/****** Breadcrumb (platform/country/institution/centre/degree/course) *******/ +#head_row_2_hierarchy + { + display:table-cell; + text-align:center; + vertical-align:middle; + } +.TOP_LOGO /* Institution / Centre / Degree logo in top title */ + { + height:40px; + margin-right:10px; + text-align:left; + vertical-align:top !important; + } +@media only screen and (max-width: 480px) + { /* For mobile-phones */ + #breadcrumb + { + display:table; + margin:0 auto; + font-size:6pt; + font-weight:bold; + white-space:nowrap; + } + .BC + { + display:table-cell; + max-width:28px; + overflow:hidden; + } + } +@media only screen and (min-width: 480px) and (max-width: 800px) + { /* For mobile-phones */ + #breadcrumb + { + display:table; + margin:0 auto; + font-size:8pt; + font-weight:bold; + white-space:nowrap; + } + .BC + { + display:table-cell; + max-width:60px; + overflow:hidden; + } + } +@media only screen and (min-width: 800px) and (max-width: 1024px) + { /* For tablets */ + #breadcrumb + { + display:table; + margin:0 auto; + font-size:10pt; + font-weight:bold; + white-space:nowrap; + } + .BC + { + display:table-cell; + max-width:100px; + overflow:hidden; + } + } +@media only screen and (min-width: 1024px) + { /* For desktop */ + #breadcrumb + { + display:table; + margin:0 auto; + font-size:12pt; + font-weight:bold; + white-space:nowrap; + } + .BC + { + display:table-cell; + max-width:150px; + overflow:hidden; + } + } + +.BC_SEMIOFF {opacity:0.7;} +.BC_OFF {opacity:0.3;} + +.BC_WHITE {color:#707070;} +.BC_GREY {color:#ffb42e;} +.BC_PURPLE {color:#ffc040;} +.BC_BLUE {color:#ffc040;} +.BC_YELLOW {color:#ffb42e;} +.BC_PINK {color:#ffc040;} + +.BC_ICON + { + display:inline-block; + width:20px; + height:20px; + vertical-align:middle; + margin:-1px 0 1px 0; + } + +/******** Big name of country, institution, centre, degree or course *********/ +#main_title + { + margin:0; + padding:0; + font-size:24pt; + font-weight:normal; + line-height:100%; + white-space:nowrap; + } +#big_name_container + { + display:inline-block; + } +@media only screen and (max-width: 1024px) + { /* For mobile-phones */ + #big_short_name + { + display:table-cell; + max-width:560px; + height:40px; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + margin:0 auto; + vertical-align:middle; + } + #big_full_name + { + display:none; + } + } +@media only screen and (min-width: 1024px) + { /* For tablets and desktop */ + #big_short_name + { + display:none; + } + #big_full_name + { + display:table-cell; + max-width:899px; + height:40px; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + margin:0 auto; + vertical-align:middle; + } + } +.MAIN_TITLE_WHITE {color:#4d88a1;} +.MAIN_TITLE_GREY {color:#f7f6f5;} +.MAIN_TITLE_PURPLE {color:white;} +.MAIN_TITLE_BLUE {color:white;} +.MAIN_TITLE_YELLOW {color:white;} +.MAIN_TITLE_PINK {color:white;} +#my_courses + { + width:130px; + margin:1px; + } + +/******************************** Search *************************************/ +.WHAT_TO_SEARCH + { + width:186px; + } + +/***************************** Notifications *********************************/ +#msg /* Notifications, used for AJAX based refresh */ + { + display:table-cell; + box-sizing:border-box; + width:160px; + text-align:center; + vertical-align:top; + padding-top:10px; + } +@media only screen and (max-width: 1024px) + { /* For mobile phones */ + #msg + { + display:none; + } + } +@media only screen and (min-width: 1024px) and (max-width: 1280px) + { /* For tablets */ + #notif_all + { + display:none; + } + } +.NOTIF_WHITE {color:#707070; font-size:12pt; white-space:nowrap;} +.NOTIF_GREY {color:#e0e0e0; font-size:12pt; white-space:nowrap;} +.NOTIF_PURPLE {color:#e0e0e0; font-size:12pt; white-space:nowrap;} +.NOTIF_BLUE {color:white; font-size:12pt; white-space:nowrap;} +.NOTIF_YELLOW {color:#b3b0b3; font-size:12pt; white-space:nowrap;} +.NOTIF_PINK {color:white; font-size:12pt; white-space:nowrap;} + +/******************* Layout (third heading row with tabs) ********************/ +.HEAD_ROW_3_WHITE + { + background-color:white; + } +.HEAD_ROW_3_GREY + { + background-image:-webkit-linear-gradient(#404040 0,#404040 54px,white 54px,white 100%); /* Safari */ + background-image:linear-gradient(#404040 0,#404040 54px,white 54px,white 100%); + } +.HEAD_ROW_3_PURPLE + { + background-image:-webkit-linear-gradient(#a070a1 0,#a070a1 54px,white 54px,white 100%); /* Safari */ + background-image:linear-gradient(#a070a1 0,#a070a1 54px,white 54px,white 100%); + } +.HEAD_ROW_3_BLUE + { + background-image:-webkit-linear-gradient(#4f90c8 0,#4f90c8 54px,white 54px,white 100%); /* Safari */ + background-image:linear-gradient(#4f90c8 0,#4f90c8 54px,white 54px,white 100%); + } +.HEAD_ROW_3_YELLOW + { + background-image:-webkit-linear-gradient(#302830 0,#302830 54px,white 54px,white 100%); /* Safari */ + background-image:linear-gradient(#302830 0,#302830 54px,white 54px,white 100%); + } +.HEAD_ROW_3_PINK + { + background-image:-webkit-linear-gradient(#c86b85 0,#c86b85 54px,white 54px,white 100%); /* Safari */ + background-image:linear-gradient(#c86b85 0,#c86b85 54px,white 54px,white 100%); + } + + +.TAB_LIST + { + display:inline-block; + list-style-type:none; + padding:0; + margin:0; + text-align:left; + vertical-align:middle; + } + +@media only screen and (max-width: 480px) + { /* For mobile-phones */ + #tabs + { + display:table; + box-sizing:border-box; + margin:0 auto; + border-spacing:1px 0; + } + .TAB_OFF + { + display:table-cell; + box-sizing:border-box; + width:38px; + height:60px; + margin:0; + padding:0; + border-radius:4px 4px 0 0; + box-shadow:inset 0 -1px 1px 0 rgba(50,50,50,0.2); + text-align:center; + vertical-align:top; + overflow:hidden; + } + .TAB_ON + { + display:table-cell; + box-sizing:border-box; + width:38px; + height:60px; + margin:0; + padding:0; + border-radius:4px 4px 0 0; + box-shadow:inset 0 -1px 1px 0 rgba(50,50,50,0.2); + text-align:center; + vertical-align:top; + overflow:hidden; + } + .TAB_TXT + { + font-size:9pt; + font-weight:bold; + line-height:100%; + max-width:30px; + white-space:nowrap; + overflow:hidden; + margin:0 auto; + text-transform:uppercase; + } + } +@media only screen and (min-width: 480px) and (max-width: 800px) + { /* For mobile-phones */ + #tabs + { + display:table; + box-sizing:border-box; + margin:0 auto; + border-spacing:1px 0; + } + .TAB_OFF + { + display:table-cell; + box-sizing:border-box; + width:58px; + height:60px; + margin:0; + padding:0; + border-radius:4px 4px 0 0; + box-shadow:inset 0 -1px 1px 0 rgba(50,50,50,0.2); + text-align:center; + vertical-align:top; + overflow:hidden; + } + .TAB_ON + { + display:table-cell; + box-sizing:border-box; + width:58px; + height:60px; + margin:0; + padding:0; + border-radius:4px 4px 0 0; + box-shadow:inset 0 -1px 1px 0 rgba(50,50,50,0.2); + text-align:center; + vertical-align:top; + overflow:hidden; + } + .TAB_TXT + { + font-size:9pt; + font-weight:bold; + line-height:100%; + max-width:50px; + white-space:nowrap; + overflow:hidden; + margin:0 auto; + text-transform:uppercase; + } + } +@media only screen and (min-width: 800px) + { /* For tablets and desktop */ + #tabs + { + display:table; + box-sizing:border-box; + margin:0 auto; + border-spacing:1px 0; + } + .TAB_OFF + { + display:table-cell; + box-sizing:border-box; + width:98px; + height:60px; + margin:0; + padding:0; + border-radius:4px 4px 0 0; + box-shadow:inset 0 -1px 1px 0 rgba(50,50,50,0.2); + text-align:center; + vertical-align:top; + overflow:hidden; + } + .TAB_ON + { + display:table-cell; + box-sizing:border-box; + width:98px; + height:60px; + margin:0; + padding:0; + border-radius:4px 4px 0 0; + box-shadow:inset 0 -1px 1px 0 rgba(50,50,50,0.2); + text-align:center; + vertical-align:top; + overflow:hidden; + } + .TAB_TXT + { + font-size:9pt; + font-weight:bold; + line-height:100%; + max-width:90px; + white-space:nowrap; + overflow:hidden; + margin:0 auto; + text-transform:uppercase; + } + } + +.TAB_ON_WHITE {background-color:#f7f6f5;} +.TAB_ON_GREY {background-color:#f7f6f5;} +.TAB_ON_PURPLE {background-color:#fdf3f3;} +.TAB_ON_BLUE {background-color:#e8f3f6;} +.TAB_ON_YELLOW {background-color:#faf0da;} +.TAB_ON_PINK {background-color:#faf0e8;} + +.TAB_OFF_WHITE {background-color:#d4d4d4;} +.TAB_OFF_GREY {background-color:#aea79f;} +.TAB_OFF_PURPLE {background-color:#f2dada;} +.TAB_OFF_BLUE {background-color:#cae1e8;} +.TAB_OFF_YELLOW {background-color:#f4dfb2;} +.TAB_OFF_PINK {background-color:#f3dcca;} + +.TAB_OFF_TXT_WHITE {color:#707070;} +.TAB_OFF_TXT_GREY {color:#505050;} +.TAB_OFF_TXT_PURPLE {color:#505050;} +.TAB_OFF_TXT_BLUE {color:#365e6e;} +.TAB_OFF_TXT_YELLOW {color:#4a2e19;} +.TAB_OFF_TXT_PINK {color:#505050;} + +.TAB_ON_TXT_WHITE {color:#4d88A1;} +.TAB_ON_TXT_GREY {color:#606060;} +.TAB_ON_TXT_PURPLE {color:#573c4d;} +.TAB_ON_TXT_BLUE {color:#4d88A1;} +.TAB_ON_TXT_YELLOW {color:#7c4d2a;} +.TAB_ON_TXT_PINK {color:#63474e;} + +.TAB_ICO + { + height:32px; + vertical-align:middle; + margin-top:2px; + padding:2px 0; + } + +/*********************** Layout (fourth row, main zone) **********************/ +#main_zone + { + display:table; + box-sizing:border-box; + width:100%; + } +.LEFT_RIGHT_CELL + { + padding:0 6px; + text-align:center; + vertical-align:top; + } + +@media only screen and (max-width: 1280px) + { /* For mobile phones and tablets */ + #main_zone_central_none, #main_zone_central_left, #main_zone_central_right, #main_zone_central_both + { + display:table-cell; + text-align:center; + vertical-align:top; + } + #left_col + { + display:none; + } + #right_col + { + display:none; + } + } +@media only screen and (min-width: 1280px) + { /* For desktop */ + #main_zone_central_none /* Hide left and right columns */ + { + display:table-cell; + text-align:center; + vertical-align:top; + } + #main_zone_central_left /* Show left column, hide right column */ + { + display:table-cell; + text-align:center; + vertical-align:top; + } + #main_zone_central_right /* Hide left column, show right column */ + { + display:table-cell; + text-align:center; + vertical-align:top; + padding-right:160px; + } + #main_zone_central_both /* Show both columns */ + { + display:table-cell; + text-align:center; + vertical-align:top; + padding-right:160px; + } + #left_col + { + display:table-cell; + box-sizing:border-box; + width:160px; + text-align:center; + vertical-align:top; + } + #right_col + { + display:table-cell; + box-sizing:border-box; + width:160px; + text-align:center; + vertical-align:top; + position:absolute; + right:0; + } + } + +@media only screen and (max-width: 800px) + { /* For mobile-phones */ + #main_zone_central_container + { + box-sizing:border-box; + margin:-6px 0 0 0; + padding:4px 0; + border-radius:4px; + box-shadow:inset 0 -1px 1px 0 rgba(50,50,50,0.2); + text-align:center; + vertical-align:top; + position:relative; + } + } +@media only screen and (min-width: 800px) + { /* For tablets and desktop */ + #main_zone_central_container + { + box-sizing:border-box; + min-height:900px; + margin:-6px 0 0 0; + padding:4px 0; + border-radius:4px; + box-shadow:inset 0 -1px 1px 0 rgba(50,50,50,0.2); + text-align:center; + vertical-align:top; + position:relative; + } + } + +/************* Main central zone with horizontal menu and canvas *************/ +#main_horizontal + { + box-sizing:border-box; + width:100%; + } +#main_horizontal .MENU_LIST_CONT + { + width:100%; + } +#main_horizontal .MENU_LIST + { + display:table; + box-sizing:border-box; + height:60px; + margin:0 auto; + padding:0 8px; + list-style-type:none; + } +#main_horizontal .MENU_LIST_ITEM + { + display:table-cell; + width:128px; + height:60px; + margin:0 auto; + text-align:center; + vertical-align:middle; + } +#main_horizontal .MENU_OPT_OFF + { + opacity:0.67; + } +#main_horizontal .MENU_OPT_OFF:hover, #main_horizontal .MENU_OPT_ON + { + opacity:1; + transform:scale(1.286,1.286); + } + +#main_horizontal .MENU_ICO + { + box-sizing:border-box; + padding:28px 0 0 0; + background-size:auto 28px; + background-repeat:no-repeat; + background-position:center top; + } +#main_horizontal .MAIN_ZONE_CANVAS /* Where content for each action is written */ + { + box-sizing:border-box; + width:100%; + padding:4px 8px; + margin:0 auto; + text-align:left; + vertical-align:top; + } + +/************** Main central zone with vertical menu and canvas **************/ +@media only screen and (max-width: 1024px) + { /* For mobile phones */ + /* Mobile phone will display menu always in horizontal + so the CSS must draw menu really in horizontal */ + #main_vertical + { + box-sizing:border-box; + width:100%; + } + #main_vertical .MENU_LIST_CONT + { + width:100%; + } + #main_vertical .MENU_LIST + { + display:table; + box-sizing:border-box; + height:60px; + margin:0 auto; + padding:0 8px; + list-style-type:none; + } + #main_vertical .MENU_LIST_ITEM + { + display:table-cell; + width:128px; + height:60px; + margin:0 auto; + text-align:center; + vertical-align:middle; + } + #main_vertical .MENU_OPT_OFF + { + opacity:0.67; + } + #main_vertical .MENU_OPT_OFF:hover, #main_vertical .MENU_OPT_ON + { + opacity:1; + transform:scale(1.286,1.286); + } + #main_vertical .MENU_ICO + { + box-sizing:border-box; + padding:28px 0 0 0; + background-size:auto 28px; + background-repeat:no-repeat; + background-position:center top; + } + #main_vertical .MAIN_ZONE_CANVAS /* Where content for each action is written */ + { + box-sizing:border-box; + width:100%; + padding:4px 8px; + margin:0 auto; + text-align:left; + vertical-align:top; + } + #action_title /* Do not display action title */ + { + display:none; + } + } + +@media only screen and (min-width: 1024px) + { /* For tablets and desktop */ + #main_vertical + { + display:table; + box-sizing:border-box; + width:100%; + } + #main_vertical .MENU_LIST_CONT + { + display:table-cell; + box-sizing:border-box; + width:170px; + } + #main_vertical .MENU_LIST + { + display:table; + margin:0; + padding-left:8px; + list-style-type:none; + } + #main_vertical .MENU_LIST_ITEM + { + text-align:left; + } + #main_vertical .MENU_OPT_OFF + { + opacity:0.67; + } + #main_vertical .MENU_OPT_OFF:hover, #main_vertical .MENU_OPT_ON + { + opacity:1; + } + #main_vertical .MENU_ICO + { + display:table-cell; + box-sizing:border-box; + height:44px; + vertical-align:middle; + padding:2px 2px 2px 46px; + background-size:32px 32px; + background-repeat:no-repeat; + background-position:4px 6px; + } + #main_vertical .MAIN_ZONE_CANVAS /* Where content for each action is written */ + { + display:table-cell; + box-sizing:border-box; + padding:4px 8px; + margin:0 auto; + text-align:left; + vertical-align:top; + } + #action_title + { + box-sizing:border-box; + width:440px; + min-height:64px; + clear:both; + margin:0 auto; + text-align:left; + background-size:60px 60px; + background-position:0 0; + background-repeat:no-repeat; + padding:4px 0 8px 70px; + overflow:hidden; + } + } + +/********************************* Menu fonts ********************************/ +@media only screen and (max-width: 800px) + { /* For mobile-phones */ + .MENU_TEXT + { + font-size:12pt; + font-weight:bold; + line-height:110%; + white-space:nowrap; + overflow:hidden; + width:30px; + margin:0 auto; + } + } +@media only screen and (min-width: 800px) + { /* For tablets and desktop */ + .MENU_TEXT + { + font-size:12pt; + font-weight:bold; + line-height:110%; + margin:0 auto; + } + } + +.MENU_TXT_WHITE {color:#4D88a1;} +.MENU_TXT_GREY {color:#606060;} +.MENU_TXT_PURPLE {color:#573c4d;} +.MENU_TXT_BLUE {color:#4D88a1;} +.MENU_TXT_YELLOW {color:#7c4d2a;} +.MENU_TXT_PINK {color:#63474e;} + +/****************** Title of current action in main block ********************/ +.TITLE_ACTION_WHITE {color:#606060; font-size:20pt;} +.TITLE_ACTION_GREY {color:#606060; font-size:20pt;} +.TITLE_ACTION_PURPLE {color:#573c4d; font-size:20pt;} +.TITLE_ACTION_BLUE {color:#4D88A1; font-size:20pt;} +.TITLE_ACTION_YELLOW {color:#7c4d2a; font-size:20pt;} +.TITLE_ACTION_PINK {color:#63474e; font-size:20pt;} + +.SUBTITLE_ACTION_WHITE {color:#606060; font-size:12pt;} +.SUBTITLE_ACTION_GREY {color:#606060; font-size:12pt;} +.SUBTITLE_ACTION_PURPLE {color:#573c4d; font-size:12pt;} +.SUBTITLE_ACTION_BLUE {color:#4D88A1; font-size:12pt;} +.SUBTITLE_ACTION_YELLOW {color:#7c4d2a; font-size:12pt;} +.SUBTITLE_ACTION_PINK {color:#63474e; font-size:12pt;} + +/***************************** Users connected *******************************/ +.CONNECTED + { + box-sizing:border-box; + margin:0 auto; + background:white; + border-style:solid; + border-width:1px; + border-color:#80C040; + margin:6px 0; + padding:5px; + border-radius:4px; + font-size:12pt; + color:#398000; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.CONNECTED_LIST + { + box-sizing:border-box; + width:100%; + margin-top:2px; + padding-top:2px; + border-style:solid; + border-width:1px 0 0 0; + border-color:#BFDF9F; + white-space:nowrap; + overflow:hidden; + } +.CONNECTED_TXT + { + color:#398000; + font-size:12pt; + } +.CON_USR_NARROW_TIT + { + max-width:136px; + text-align:center; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } + +/* Connected to the current course? */ +.CON_NO_CRS {color:#B8D070; font-size:11pt; line-height:110%; white-space:nowrap;} +.CON_CRS {color:#398000; font-size:11pt; line-height:110%; white-space:nowrap;} + +/* 1st. column */ +.CON_PHOTO + { + width:22px; + text-align:left; + vertical-align:middle; + } + +/* 2nd. column */ +.CON_NAME_NARROW + { + width:66px; + text-align:left; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.CON_NAME_FOLLOW + { + width:90px; + text-align:left; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.CON_NAME_WIDE + { + width:360px; + text-align:left; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } + +/* 3rd. column */ +.CON_SINCE + { + width:48px; + text-align:right; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + } +.CON_ICON_FOLLOW + { + width:24px; + vertical-align:middle; + } + +/*************************** Most frequent actions ***************************/ +#MFU_actions + { + box-sizing:border-box; + width:148px; + background:white; + border-style:solid; + border-width:1px; + border-color:#8CBCCE; + padding:5px; + border-radius:4px; + font-size:11pt; + color:#4D88A1; + } +#MFU_actions ul + { + display:inline-block; + box-sizing:border-box; + width:138px; + margin:2px 0; + padding:2px 0 0 0; + border-style:solid; + border-width:1px 0 0 0; + border-color:#DDECF1; + list-style-type:none; + text-align:left; + vertical-align:middle; + } +#MFU_actions li + { + width:138px; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +#MFU_actions img + { + width:20px; + height:20px; + margin:1px; + vertical-align:middle; + } + +#MFU_actions_big + { + padding:5px; + } +#MFU_actions_big img + { + width:40px; + height:40px; + margin:1px 4px 1px 0; + vertical-align:middle; + } + +/********************************* Hierarchy *********************************/ +.HIE_SEL + { + width:175px; + } +.HIE_LOGO + { + text-align:left; + vertical-align:middle; + width:25px; + } +.HIE_SEL_NARROW + { + width:64px; + } + +#chart_div + { + width:600px; + margin:12px auto; + } + +.HIE_CFG_LEFT, .HIE_CFG_RIGHT + { + display:inline-block; + margin:0 6px; + vertical-align:top; + width:480px; + } + +/*********************************** Places **********************************/ +.PLC_SEL + { + width:60px; + } + +/*********************************** Month ***********************************/ +.CALENDAR + { + margin:0 auto; + border-spacing:12px 0; + } +.MONTH_CONT + { + box-sizing:border-box; + width:148px; + margin:6px 0; + padding:5px; + background:white; + border-style:solid; + border-width:1px; + border-color:#8CBCCE; + border-radius:4px; + text-align:center; + overflow:hidden; + } +.MONTH_TABLE_DAYS + { + box-sizing:border-box; + width:138px; + margin-top:2px; + padding-top:2px; + border-style:solid; + border-width:1px 0 0 0; + border-color:#DDECF1; + } +.MONTH + { + color:#4D88A1; + font-size:9pt; + white-space:nowrap; + text-transform:uppercase; + } +.DAY_WRK_HEAD + { + color:#4D88A1; + font-size:9pt; + text-align:center; + } +.DAY_NO_WRK_HEAD + { + color:red; + font-size:9pt; + text-align:center; + } +.DAY_WRK + { + color:#202020; + font-size:9pt; + text-align:center; + } +.DAY_NO_WORK + { + color:#C04080; + font-size:9pt; + text-align:center; + } +.DAY_HLD + { + color:red; + font-size:9pt; + text-align:center; + } +.DAY_WRK_LIGHT + { + color:#E0E0E0; + font-size:9pt; + text-align:center; + } +.DAY_NO_WORK_LIGHT + { + color:#FFE0FF; + font-size:9pt; + text-align:center; + } +.DAY_HLD_LIGHT + { + color:#FFE0E0; + font-size:9pt; + text-align:center; + } +.DAY + { + border:solid 1px; + border-color:white; + text-align:center; + } +.TODAY + { + border:solid 1px; + border-color:#50B800; + text-align:center; + } +.DAY_EVENT + { + border:solid 1px; + border-color:white; + background-color:#FFF080; + text-align:center; + } +.TODAY_EVENT + { + border:solid 1px; + border-color:#50B800; + background-color:#FFF080; + text-align:center; + } + +/********************************* Buttons ***********************************/ +.BT_CREATE + { + background-color:#5BC33B; + border-color:#518741; + } +.BT_CONFIRM + { + background-color:#55ACEE; + border-color:#3B88C3; + } +.BT_REMOVE + { + background-color:#EF5555; + border-color:#C33B3B; + } +.BT_SUBMIT + { + margin:8px auto; + padding:10px 20px; + border-radius:4px; + border-width:1px; + border-style:solid; + box-shadow:0 1px 0 rgba(255,255,255,0.15) inset; + color:white; + font-size:20px; + font-weight:bold; + line-height:normal; + white-space:nowrap; + } +.BT_SUBMIT_INLINE + { + box-sizing:border-box; + min-width:170px; + margin:0 10px; + padding:2px 4px; + border-radius:4px; + border-width:1px; + border-style:solid; + box-shadow:0 1px 0 rgba(255,255,255,0.15) inset; + color:white; + font-size:15px; + font-weight:bold; + line-height:normal; + white-space:nowrap; + vertical-align:middle; + } +.BT_SUBMIT:hover + { + background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2)); /* Safari */ + background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2)); + } +.BT_SUBMIT_INLINE:hover + { + background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2)); /* Safari */ + background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2)); + } + +.BT_LINK, .BT_LINK_OFF + { + background:none; + border:none; + padding:0; + font:inherit; + } +.BT_LINK:hover + { + cursor:pointer; + text-decoration:underline; + } + +/********************************** Notice ***********************************/ +.NOTICE_HIGHLIGHT + { + padding:10px 0; + background-color:#ddecf1; + animation:fadein 2s linear forwards; + } +@keyframes fadein + { + to {background-color:white;} + } +.NOTICE_CONT_ACTIVE + { + box-sizing:border-box; + margin:0 auto 10px auto; + padding:10px; + background-image:-webkit-linear-gradient(rgba(238,216,108,0.8) 0%,rgba(248,237,149,0.8) 15%,rgba(250,240,152,0.8) 100%); /* Safari */ + background-image:linear-gradient(rgba(238,216,108,0.8) 0%,rgba(248,237,149,0.8) 15%,rgba(250,240,152,0.8) 100%); + box-shadow:0 8px 10px -5px rgba(125,113,0,0.8); + text-align:left; + overflow:hidden; + } +.NOTICE_CONT_OBSOLETE + { + box-sizing:border-box; + margin:0 auto 10px auto; + padding:10px; + background-image:-webkit-linear-gradient(rgba(238,216,108,0.4) 0%,rgba(248,237,149,0.4) 15%,rgba(250,240,152,0.4) 100%); /* Safari */ + background-image:linear-gradient(rgba(238,216,108,0.4) 0%,rgba(248,237,149,0.4) 15%,rgba(250,240,152,0.4) 100%); + box-shadow:0 8px 10px -5px rgba(125,113,0,0.4); + text-align:left; + overflow:hidden; + } +.NOTICE_CONT_NARROW {width:148px;} +.NOTICE_CONT_WIDE {width:500px;} +.NOTICE_DATE_ACTIVE + { + float:right; + font-size:12pt; + color:#202020; + text-align:right; + overflow:hidden; + } +.NOTICE_DATE_OBSOLETE + { + float:right; + font-size:12pt; + color:#808080; + text-align:right; + overflow:hidden; + } +.NOTICE_SUBJECT_ACTIVE + { + margin:12px auto; + font-size:15pt; + font-weight:bold; + color:#202020; + text-align:center; + overflow:hidden; + } +.NOTICE_SUBJECT_OBSOLETE + { + margin:12px auto; + font-size:15pt; + font-weight:bold; + color:#808080; + text-align:center; + overflow:hidden; + } +.NOTICE_TEXT_BRIEF + { + clear:both; + font-size:12pt; + color:#204080; + overflow:hidden; + } +.NOTICE_TEXT_ACTIVE + { + padding:10px 20px; + clear:both; + font-size:12pt; + color:#204080; + overflow:hidden; + } +.NOTICE_TEXT_OBSOLETE + { + padding:10px 20px; + clear:both; + font-size:12pt; + color:#4070A0; + overflow:hidden; + } +.NOTICE_AUTHOR + { + box-sizing:border-box; + float:right; + max-width:120px; + text-align:right; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + font-size:12pt; + } +.NOTICE_AUTHOR_ACTIVE + { + color:#202020; + } +.NOTICE_AUTHOR_OBSOLETE + { + color:#808080; + } +.NOTICE_USERS + { + box-sizing:border-box; + text-align:center; + vertical-align:middle; + margin:12px; + } +.NOTICE_USERS_ACTIVE + { + color:#202020; + } +.NOTICE_USERS_OBSOLETE + { + color:#808080; + } + +/**************************** Institutional links ****************************/ +#institutional_links + { + box-sizing:border-box; + width:148px; + margin:0; + background:white; + border-style:solid; + border-width:1px; + border-color:#8CBCCE; + padding:5px; + border-radius:4px; + font-size:11pt; + color:#4D88A1; + } +#institutional_links ul + { + box-sizing:border-box; + width:138px; + margin-top:2px; + padding-top:2px; + border-style:solid; + border-width:1px 0 0 0; + border-color:#DDECF1; + } +#institutional_links li + { + width:138px; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.INS_LNK + { + padding:1px; + font-size:11pt; + color:#4D88A1; + } + +/*********************************** Alerts **********************************/ +.ALERT + { + display:inline-block; + box-sizing:border-box; + margin:8px auto; + padding:12px; + background-color:#fff8e5; + border-radius:2px; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 2px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12); + } +.ALERT_CLOSE + { + float:right; + margin:-8px -8px 8px 8px; + opacity:0.3; + } +.ALERT_CLOSE:hover + { + opacity:1; + } +.ALERT_TXT + { + box-sizing:border-box; + padding:8px 0 8px 40px; + background-position:8px 8px; + background-size:20px 20px; + background-repeat:no-repeat; + font-size:12pt; + color:#632921; + text-align:left; + overflow:hidden; + } + +/*********************************** Icons ***********************************/ +.ICOx16 { height:16px; vertical-align:middle;} +.ICO16x16 {width:16px; height:16px; vertical-align:middle;} +.ICO20x20 {width:20px; height:20px; vertical-align:middle;} +.ICOx20 { height:20px; vertical-align:middle; margin:0 auto;} +.ICO25x25 {width:25px; height:25px; vertical-align:middle;} +.ICO40x40 {width:40px; height:40px; vertical-align:middle;} +.ICO64x64 {width:64px; height:64px; vertical-align:middle;} + +.ICO80x40 {width:80px; height:40px; vertical-align:middle;} +.ICO140x40 {width:140px; height:40px; vertical-align:middle;} +.ICO212x40 {width:212px; height:40px; vertical-align:middle;} +.ICO220x40 {width:220px; height:40px; vertical-align:middle;} +.ICO265x40 {width:265px; height:40px; vertical-align:middle;} + +.ICO160x160 {width:160px; height:160px; vertical-align:middle;} +.BANNER {width:150px; height:50px;} +.BANNER_SMALL {width:75px; height:25px;} + +.ICO_BLACK {color:#404040;} +.ICO_DARKRED {color:#660000;} + +/****** Contextual links with small icons and text to go to some action ******/ +.CONTEXT_MENU + { + margin:4px auto 6px auto; + text-align:center; + } +.CONTEXT_OPT + { + display:inline-block; + margin-left:2px; + margin-right:2px; + white-space:nowrap; + } +.CONTEXT_COL + { + width:32px; + text-align:center; + vertical-align:top; + } +.CONTEXT_ICO_16x16 + { + width:16px; + height:16px; + margin-top:-2px; + vertical-align:middle; + } +.CONTEXT_ICO_x16 + { + height:16px; + margin-top:-2px; + vertical-align:middle; + } + +/********************************** Frame ************************************/ +.FRAME_INLINE + { + display:inline-block; + margin:0 8px; + vertical-align:top; + } +.FRAME_CONT + { + box-sizing:border-box; + width:100%; + text-align:center; + vertical-align:middle; + } +.FRAME + { + display:inline-block; + box-sizing:border-box; + margin:5px 0; + padding:8px 12px 12px 12px; + background-color:white; + border-radius:2px; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 2px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12); + text-align:center; + overflow:hidden; + } +.FRAME_SHADOW + { + display:inline-block; + box-sizing:border-box; + margin:5px 0; + padding:8px 12px 20px 12px; + border-width:1px; + border-style:solid; + border-color:#C0C0C0; + border-radius:4px; + box-shadow:2px 5px 15px #888; + text-align:center; + overflow:hidden; + background-color:#ddecf1; + animation:fadein 2s linear forwards; + } +@keyframes fadein + { + to {background-color:white;} + } +.FRAME_ICO + { + box-sizing:border-box; + height:20px; + text-align:left; + } +.FRAME_ICO_LEFT + { + display:inline-block; + } +.FRAME_ICO_RIGHT + { + float:right; + } +.FRAME_TBL_WIDE + { + box-sizing:border-box; + width:100%; + } +.FRAME_TBL_WIDE_MARGIN + { + box-sizing:border-box; + width:100%; + margin-bottom:10px; + } +.FRAME_TBL_CENTER + { + margin:0 auto; + } +.FRAME_TBL_CENTER_MARGIN + { + margin:0 auto; + margin-bottom:10px; + } +.FRAME_TITLE + { + display:table; + box-sizing:border-box; + width:100%; + margin:0 auto; + padding:0 12px 12px 12px; + } +.FRAME_TITLE_BIG + { + color:#606060; + font-size:22pt; + } +.FRAME_TITLE_SMALL + { + color:#808080; + font-size:18pt; + } + +/* Apply only to the first level of th and td */ +table.CELLS_PAD_1 > tbody > tr > th {padding: 1px;} +table.CELLS_PAD_1 > tbody > tr > td {padding: 1px;} +table.CELLS_PAD_2 > tbody > tr > th {padding: 2px;} +table.CELLS_PAD_2 > tbody > tr > td {padding: 2px;} +table.CELLS_PAD_5 > tbody > tr > th {padding: 5px;} +table.CELLS_PAD_5 > tbody > tr > td {padding: 5px;} +table.CELLS_PAD_10 > tbody > tr > th {padding:10px;} +table.CELLS_PAD_10 > tbody > tr > td {padding:10px;} + +/******************** Selector below the title of a frame ********************/ +.SEL_BELOW_TITLE + { + text-align:center; + vertical-align:middle; + margin-bottom:8px; + } +.SEL_BELOW_TITLE ul + { + display:inline-block; + list-style-type:none; + padding:0; + margin:0; + text-align:left; + vertical-align:middle; + } +.SEL_BELOW_TITLE li + { + display:inline; + text-align:left; + vertical-align:middle; + } +.SEL_BELOW_TITLE label + { + color:#202020; + font-size:13pt; + } + +/*********************************** Title ***********************************/ +.TIT + { + margin:13px auto 0 auto; + font-size:13pt; + font-weight:bold; + color:#94745C; + text-align:center; + } + +/********** Title of country, institution, centre, degree, course ************/ +.TITLE_LOCATION + { + color:#808080; + font-size:20pt; + font-weight:bold; + } + +/************************** Map and name of country **************************/ +.COUNTRY_SMALL + { + display:inline-block; + box-sizing:border-box; + max-width:300px; + text-align:left; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.COUNTRY_TINY + { + display:inline-block; + box-sizing:border-box; + max-width:120px; + text-align:left; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.COUNTRY_MAP_TITLE + { + box-sizing:border-box; + width:40px; + height:40px; + margin-right:10px; + vertical-align:top; + } +.COUNTRY_MAP_SMALL + { + box-sizing:border-box; + width:64px; + height:64px; + vertical-align:middle; + } +.COUNTRY_MAP_TINY + { + box-sizing:border-box; + width:20px; + height:20px; + vertical-align:middle; + } +.COUNTRY_MAP_SHOW, .COUNTRY_MAP_PRINT + { + box-sizing:border-box; + width:320px; + height:320px; + margin:10px; + } + +/******************* Web of institution, centre, degree **********************/ +.EXTERNAL_WWW_SHORT + { + box-sizing:border-box; + max-width:100px; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.EXTERNAL_WWW_LONG + { + box-sizing:border-box; + max-width:250px; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } + +/****************************** Photo of centre ******************************/ +.CENTRE_PHOTO_SHOW + { + box-sizing:border-box; + width:460px; + padding:2px; + margin:9px auto; + border:solid 1px #EEE; + } +a:hover img.CENTRE_PHOTO_SHOW + { + border:solid 1px #CCC; + box-shadow:1px 1px 6px #999; + } +.CENTRE_PHOTO_PRINT + { + box-sizing:border-box; + width:460px; + padding:2px; + margin:9px auto; + border:solid 1px #EEE; + box-shadow:1px 1px 6px #999; + } + +#ctr_mapid, #ins_mapid, #cty_mapid + { + width:460px; + height:345px; + margin:9px auto; + } + +/**************** Attribution (author and license) of images *****************/ +#AttributionArea + { + box-sizing:border-box; + width:460px; + } +.ATTRIBUTION + { + box-sizing:border-box; + margin-bottom:15px; + color:#A0A0A0; + font-size:8pt; + text-align:center; + } + +/******************************* User's photo ********************************/ +.PHOTO12x16 {width: 12px; height: 16px; border-radius:1px; vertical-align:middle; margin-top:-2px;} +.PHOTO15x20 {width: 15px; height: 20px; border-radius:2px; vertical-align:middle;} +.PHOTO15x20B {width: 15px; height: 20px; border-radius:2px; vertical-align:middle; display:block; margin:0 auto;} +.PHOTO18x24 {width: 18px; height: 24px; border-radius:2px; vertical-align:middle;} +.PHOTO21x28 {width: 21px; height: 28px; border-radius:2px; vertical-align:middle;} +.PHOTO30x40 {width: 30px; height: 40px; border-radius:2px; vertical-align:middle;} +.PHOTO42x56 {width: 42px; height: 56px; border-radius:3px; vertical-align:middle;} +.PHOTO45x60 {width: 45px; height: 60px; border-radius:3px; vertical-align:middle;} +.PHOTO60x80 {width: 60px; height: 80px; border-radius:3px; vertical-align:middle;} +.PHOTO186x248 {width:186px; height:248px; border-radius:8px; vertical-align:middle;} +.IMG_USR + { + box-sizing:border-box; + width:186px; + height:248px; + border-radius:4px; + } +.ZOOM + { + box-sizing:border-box; + position:absolute; + z-index:1000; + left:-300px; + top:-400px; + padding:6px; + background-color:rgba(255,255,255,0.95); + border-width:1px; + border-style:solid; + border-color:#C0C0C0; + border-radius:6px; + box-shadow:2px 5px 15px #888; + } +.ZOOM_TXT_LINE + { + box-sizing:border-box; + display:block; + width:186px; + margin:0 auto; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.ZOOM_DEG + { + display:inline-block; + margin:0 auto; + padding:0 0 0 20px; + background-size:16px 16px; + background-repeat:no-repeat; + background-position:left center; + } + +.NO_BR {white-space:nowrap;} + +/********************************* Messages **********************************/ +.MSG_RECIPIENTS, .MSG_SUBJECT, .MSG_CONTENT + { + box-sizing:border-box; + width:640px; + } +.BG_MSG_BLUE + { + background-image:-webkit-linear-gradient(#eaf3f6 0,#eaf3f6 80%,white 100%); /* Safari */ + background-image:linear-gradient(#eaf3f6 0,#eaf3f6 80%,white 100%); + background-repeat:no-repeat; + } +.BG_MSG_GREEN + { + background-image:-webkit-linear-gradient(#f5ffd7 0,#f5ffd7 80%,white 100%); /* Safari */ + background-image:linear-gradient(#f5ffd7 0,#f5ffd7 80%,white 100%); + background-repeat:no-repeat; + } + +/************************** Listing of users *********************************/ +.USR_LIST_NUM {color:#A0A0A0; font-size:15pt; font-weight:bold;} +.USR_LIST_NUM_N {color:#202020; font-size:15pt; font-weight:bold;} + +/*****************************************************************************/ +.TITLE_WHITE {color:#505050; font-size:18pt;} +.TITLE_GREY {color:#505050; font-size:18pt;} +.TITLE_PURPLE {color:#573c4d; font-size:18pt;} +.TITLE_BLUE {color:#4D88A1; font-size:18pt;} +.TITLE_YELLOW {color:#7c4d2a; font-size:18pt;} +.TITLE_PINK {color:#63474e; font-size:18pt;} + +/*********************** Icon and checkbox highlighting **********************/ +.ICO_HIDDEN + { + opacity:0.33; + } +.ICO_HIGHLIGHT, .CHECKBOX_UNCHECKED + { + opacity:0.67; + } + +.ICO_HIGHLIGHT:hover, .CHECKBOX_UNCHECKED:hover, .CHECKBOX_CHECKED + { + opacity:1; + } + +.HLP_HIGHLIGHT + { + opacity:0.33; + } +.HLP_HIGHLIGHT:hover + { + opacity:1; + } + +/********************************* Form fonts ********************************/ +/* Inside white box */ +.FORM_IN_WHITE {color:#4d88a1; font-size:13pt;} +.FORM_IN_GREY {color:#4d88a1; font-size:13pt;} +.FORM_IN_PURPLE {color:#4d88a1; font-size:13pt;} +.FORM_IN_BLUE {color:#4d88a1; font-size:13pt;} +.FORM_IN_YELLOW {color:#7c4d2a; font-size:13pt;} +.FORM_IN_PINK {color:#4d88a1; font-size:13pt;} + +/* Outside white box */ +.FORM_OUT_WHITE {color:#4d88a1; font-size:13pt;} +.FORM_OUT_GREY {color:#4d88a1; font-size:13pt;} +.FORM_OUT_PURPLE {color:#573c4d; font-size:13pt;} +.FORM_OUT_BLUE {color:#4d88a1; font-size:13pt;} +.FORM_OUT_YELLOW {color:#7c4d2a; font-size:13pt;} +.FORM_OUT_PINK {color:#63474e; font-size:13pt;} + +.BOLD {font-weight:bold;} +.NOWRAP {white-space:nowrap;} + +/****************************** Placing of objects ***************************/ +.LT {text-align:left; vertical-align:top; } /* Left Top */ +.LM {text-align:left; vertical-align:middle;} /* Left Middle */ +.LB {text-align:left; vertical-align:bottom;} /* Left Bottom */ +.CT {text-align:center; vertical-align:top; } /* Center Top */ +.CM {text-align:center; vertical-align:middle;} /* Center Middle */ +.CB {text-align:center; vertical-align:bottom;} /* Center Bottom */ +.RT {text-align:right; vertical-align:top; } /* Right Top */ +.RM {text-align:right; vertical-align:middle;} /* Right Middle */ +.RB {text-align:right; vertical-align:bottom;} /* Right Bottom */ + +/***************** Colors used in headers,backgrounds,etc. *****************/ +.COLOR0 {background-color:#F4F2EA;} +.COLOR1 {background-color:#FBFAF7;} +.LIGHT_GREEN {background-color:#C0FF40;} +.LIGHT_BLUE {background-color:#DDECF1;} +.VERY_LIGHT_BLUE {background-color:#EAF3F6;} + +/********************************* Course info *******************************/ +#crs_info + { + margin:0; + padding:0 12px; + color:inherit; + } +#crs_info table + { + border:1px solid grey; + } +#crs_info th + { + border:1px solid grey; + background-color:#F0F0F0; + padding:6px; + } +#crs_info td + { + border:1px solid grey; + padding:6px; + } + +/************************ Help for the text editor ***************************/ +.HELP_EDIT + { + margin:10px; + text-align:center; + color:#808080; + font-size:8pt; + } + +/****************************** Date range form ******************************/ +.DATE_RANGE + { + float:left; /* To display something after the table in the same line */ + } + +/*********************************** Lists ***********************************/ +.LIST_LEFT, .LIST_TREE + { + display:inline-block; + list-style-type:none; + padding:0; + margin:12px 0; + text-align:left; + vertical-align:middle; + } +.LIST_TREE li + { + box-sizing:border-box; + max-width:500px; + height:25px; + text-align:left; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + } + +.LIST_I_MUST_READ + { + display:inline-block; + padding:0; + margin:12px 0; + text-align:left; + vertical-align:middle; + } + +/******************************* File browsers *******************************/ +.FILENAME + { + display:inline-block; + box-sizing:border-box; + width:260px; /* width of LST_EDIT + 10 */ + text-align:left; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.FILENAME_TXT + { + color:#202020; + font-size:18pt; + font-weight:bold; + } +.BROWSER_TITLE {color:#94745C; font-size:13pt; font-weight:bold;} +.BROWSER_TITLE_LIGHT {color:#D5C6BB; font-size:13pt; font-weight:bold;} +.BROWSER_SUBTITLE {color:#94745C; font-size:12pt;} +.BROWSER_TABLE + { + box-sizing:border-box; + width:100%; + } +.LST {color:#202020; font-size:11pt; white-space:nowrap;} +.LST_HID {color:#A0A0A0; font-size:11pt; white-space:nowrap;} +.LST_REC {color:#008000; font-size:11pt; white-space:nowrap;} +.LST_REC_HID {color:#89BE87; font-size:11pt; white-space:nowrap;} +.LST_EDIT {width:250px; color:#202020; font-weight:bold; font-size:11pt; height:20px; padding:0; margin:-1px; border-width:1px; border-style:solid; border-color:#ECE9D8;} +.LST_EDIT_HID {width:250px; color:#A0A0A0; font-weight:bold; font-size:11pt; height:20px; padding:0; margin:-1px; border-width:1px; border-style:solid; border-color:#ECE9D8;} +.LST_EDIT_REC {width:250px; color:#008000; font-weight:bold; font-size:11pt; height:20px; padding:0; margin:-1px; border-width:1px; border-style:solid; border-color:#ECE9D8;} +.LST_EDIT_REC_HID {width:250px; color:#89BE87; font-weight:bold; font-size:11pt; height:20px; padding:0; margin:-1px; border-width:1px; border-style:solid; border-color:#ECE9D8;} +.LST_EDIT_ROWS {width:30px; color:#202020; font-weight:bold; font-size:11pt; height:20px; padding:0; margin:-1px; border-width:1px; border-style:solid; border-color:#ECE9D8;} + +.LICENSE {max-width:260px;} + +/************** Paragraph (margin on top and bottom of a div) ****************/ +.PAR + { + margin-top:1em; + margin-bottom:1em; + } + +/*****************************************************************************/ + +.T1 {color:#202020; font-size:15pt;} +.T2 {color:#202020; font-size:13pt;} +.T3 {color:#202020; font-size:12pt;} + +.DAT {color:#606060; font-size:13pt;} +.DAT_NOBR {color:#606060; font-size:13pt; white-space:nowrap;} +.DAT_BOLD {color:#606060; font-size:13pt; font-weight:bold;} +.DAT_GREEN {color:darkgreen; font-size:13pt;} +.DAT_RED {color:darkred; font-size:13pt;} +.DAT_LIGHT {color:#A0A0A0; font-size:13pt;} +.DAT_N {color:black; font-size:13pt;} +.DAT_NOBR_N {color:black; font-size:13pt; white-space:nowrap;} +.DAT_N_BOLD {color:black; font-size:13pt; font-weight:bold;} + +/*********************** Line in top part of a table row *********************/ +.DAT_N_LINE_TOP + { + color:black; + font-size:13pt; + border-style:solid none none none; + border-width:1px; + } + +.DAT_SMALL {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#606060; font-size:12pt;} +.DAT_SMALL_LIGHT {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#A0A0A0; font-size:12pt;} +.DAT_SMALL_NOBR {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#606060; font-size:12pt; white-space:nowrap;} +.DAT_SMALL_N {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:black; font-size:12pt;} +.DAT_SMALL_NOBR_N {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:black; font-size:12pt; white-space:nowrap;} + +.DAT_SMALL_GREY {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#707070; font-size:12pt;} +.DAT_SMALL_RED {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#660000; font-size:12pt;} +.DAT_SMALL_PURPLE {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#707070; font-size:12pt;} +.DAT_SMALL_GREEN {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#246600; font-size:12pt;} +.DAT_SMALL_BLUE {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#0080FF; font-size:12pt;} +.DAT_SMALL_YELLOW {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#C0C000; font-size:12pt;} +.DAT_SMALL_PINK {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#707070; font-size:12pt;} + +/******************************** User's IDs *********************************/ +.USR_ID {font-size:18pt; font-weight:bold;} +.USR_ID_C {color:#408020} +.USR_ID_NC {color:#A02020} + +/******************************* Record card *********************************/ +.REC_USR + { + display:block; + margin:0 0 12px 0; + text-align:center; + } +.REC_LEFT, .REC_RIGHT + { + display:inline-block; + margin:0 6px; + vertical-align:top; + } + +.REC_C1_TOP + { + box-sizing:border-box; + width:68px; + padding-top:8px !important; + vertical-align:top; + } +.REC_C2_TOP + { + box-sizing:border-box; + width:278px; + height:68px; + padding-top:8px !important; + } +.REC_C3_TOP + { + box-sizing:border-box; + width:190px; + } + +.REC_C1_MID + { + box-sizing:border-box; + width:68px; + } +.REC_C2_MID + { + box-sizing:border-box; + width:278px; + } +.REC_C3_MID + { + box-sizing:border-box; + width:190px; + } + +.REC_C1_BOT + { + box-sizing:border-box; + width:170px; + } +.REC_C2_BOT + { + box-sizing:border-box; + width:362px; + } +.REC_C2_BOT_INPUT + { + box-sizing:border-box; + width:358px; + } + +.REC_HEAD + { + font-family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; + color:#808080; + font-size:12pt; + } +.REC_NAME + { + box-sizing:border-box; + max-width:274px; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + color:#808080; + font-size:20pt; + font-weight:bold; + } +.REC_NICK + { + color:#808080; + font-size:15pt; + font-weight:bold; + } +.REC_WEBS + { + width:180px; + margin:0 auto; + } +.REC_EMAIL + { + box-sizing:border-box; + max-width:358px; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.REC_FIELDNAME + { + width:200px; + } + +/******************************** Class photo ********************************/ +.CLASSPHOTO_TITLE + { + color:#606060; + font-family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; + font-size:13pt; + } +.CLASSPHOTO + { + color:#606060; + font-size:10pt; + line-height:110%; + white-space:nowrap; + } +.CLASSPHOTO_CAPTION + { + display:block; + box-sizing:border-box; + max-width:60px; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + margin:0 auto; + } + +/************************** Left column menu *********************************/ +.LINK_TITLE, .MFU_TITLE {color:#4D88A1;} + +/*****************************************************************************/ +.MSJ_AVISO {color:#632921; font-size:12pt;} +.TIT_TBL {color:#4D88A1; font-size:12pt; font-weight:bold;} + +.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_LABEL {color:#4D88A1; font-size:13pt;} +.ASG_LABEL_LIGHT {color:#AFC4CC; font-size:13pt;} +.ASG_GRP {color:#4D88A1; font-size:12pt;} +.ASG_GRP_LIGHT {color:#AFC4CC; font-size:12pt;} + +.DATE_RED {color:red; font-size:13pt;} +.DATE_RED_LIGHT {color:#F98A8A; font-size:13pt;} +.DATE_GREEN {color:#008000; font-size:13pt;} +.DATE_GREEN_LIGHT {color:#89BE87; font-size:13pt;} +.DATE_BLUE {color:#4D88A1; font-size:13pt;} +.DATE_BLUE_LIGHT {color:#AFC4CC; font-size:13pt;} + +.ASG_LST_DATE_GREEN {color:#008000; font-size:11pt; white-space:nowrap;} +.ASG_LST_DATE_RED {color:red; font-size:11pt; white-space:nowrap;} + +.STATUS_GREEN {color:#008000; font-size:12pt;} +.STATUS_GREEN_LIGHT {color:#89BE87; font-size:12pt;} +.STATUS_RED {color:red; font-size:12pt;} +.STATUS_RED_LIGHT {color:#F98A8A; font-size:12pt;} + +/********************** Number of question, project, etc. ********************/ +.BIG_INDEX {color:#808080; font-size:20pt; font-weight:bold;} + +/******************************** Projects ***********************************/ +.PRJ_LST_USR + { + margin:0; + padding-left:1em; + } +.PRJ_MEMBER_ICO + { + width:30px; + text-align:center; + vertical-align:middle; + } +.PRJ_MEMBER_PHO + { + width:30px; + text-align:center; + vertical-align:middle; + } +.PRJ_MEMBER_NAM + { + text-align:left; + vertical-align:middle; + color:#4D88A1; + font-size:11pt; + } + +/********************************** Tests ************************************/ +.TAG_SEL {box-sizing:border-box; width:346px;} +.TAG_TXT {box-sizing:border-box; width:346px;} +.STEM + { + box-sizing:border-box; + margin:0 auto; + width:700px; + } +.STEM_TEXTAREA + { + width:696px; + } +.ANSWER + { + box-sizing:border-box; + margin:0 auto; + width:600px; + } +.ANSWER_TEXTAREA + { + width:596px; + } +.ANS_TXT {color:#202020; font-size:12pt;} +.ANS_0 {color:#202020; font-size:12pt; font-weight:bold;} +.ANS_OK {color:#008000; font-size:12pt; font-weight:bold;} +.ANS_BAD {color:red; font-size:12pt; font-weight:bold;} +.TEST_SUBTITLE + { + margin:10px; + color:#202020; + font-size:13pt; + text-align:center; + vertical-align:middle; + } +.TEST_EXA {color:#202020; font-size:12pt;} +.TEST_EXA_LIGHT {color:#a0a0a0; font-size:12pt;} +.TEST_EDI {color:#202020; font-size:12pt;} +.TEST_EDI_LIGHT {color:#a0a0a0; font-size:12pt;} + +.TEST_TAG_LIST + { + padding:0; + margin:0 0 0 1em; + } + +.TEST_MED_SHOW_CONT + { + box-sizing:border-box; + width:100%; + margin:10px 0; + } +.TEST_MED_SHOW + { + box-sizing:border-box; + width:100%; + border-radius:4px; + } +.TEST_MED_EDIT_LIST_CONT + { + box-sizing:border-box; + width:100%; + margin:5px 0; + } +.TEST_MED_EDIT_LIST + { + box-sizing:border-box; + width:100%; + border-radius:2px; + } + +.TEST_MED_EDIT_FORM + { + box-sizing:border-box; + margin:15px 0; + text-align:left; + vertical-align:top; + } +.TEST_MED_INPUT + { + box-sizing:border-box; + margin:0 auto; + width:400px; + } + +.TEST_MED_EDIT_ONE_CONT + { + box-sizing:border-box; + width:100%; + } +.TEST_MED_EDIT_ONE + { + box-sizing:border-box; + width:100%; + border-radius:4px; + } + +.TEST_EDI_ANS_LEFT_COL + { + box-sizing:border-box; + width:48px; + text-align:left; + vertical-align:top; + } +.TEST_EDI_ANS_CENTER_COL + { + box-sizing:border-box; + width:48px; + text-align:right; + vertical-align:top; + } +.TEST_EDI_ANS_RIGHT_COL + { + box-sizing:border-box; + width:600px; + text-align:left; + vertical-align:top; + } + +.TEST_FILE_CONTENT + { + padding-bottom:20px; + } + +/********************************** Matches **********************************/ +.MCH_CONT + { + box-sizing:border-box; + display:table; + margin:2%; + width:96%; + } +.MCH_LEFT + { + box-sizing:border-box; + float:left; + width:25%; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.MCH_RIGHT + { + box-sizing:border-box; + display:table; + float:left; + width:75%; + } +.MCH_TOP + { + box-sizing:border-box; + width:100%; + height:48px; + color:#808080; + font-size:14pt; + font-weight:bold; + text-align:center; + text-overflow:ellipsis; + } +.MCH_BOTTOM + { + box-sizing:border-box; + width:100%; + padding:0 12px; + } + +.MCH_REFRESHABLE_TEACHER + { + box-sizing:border-box; + width:100%; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.MCH_NUM_QST + { + color:#808080; + font-size:28pt; + font-weight:bold; + text-align:center; + vertical-align:top; + } +.MCH_TIME_QST + { + color:#808080; + font-size:16pt; + font-weight:bold; + text-align:center; + vertical-align:top; + } +.MCH_SHOW_HOURGLASS, .MCH_SHOW_ANSWERED, .MCH_REM_MY_ANS, .MCH_SHOW_RESULTS + { + text-align:center; + padding:16pt 0; + } +.MCH_NUM_ANSWERERS + { + text-align:center; + padding:8pt 0; + color:#808080; + font-size:16pt; + } + +.MCH_BUTTONS_CONT + { + display:table; + box-sizing:border-box; + width:100%; + padding:20px 0; + } +.MCH_BUTTON_LEFT_CONT + { + display:table; + box-sizing:border-box; + float:left; + width:35%; + text-align:center; + } +.MCH_BUTTON_CENTER_CONT + { + display:table; + box-sizing:border-box; + float:left; + width:30%; + text-align:center; + } +.MCH_BUTTON_RIGHT_CONT + { + display:table; + box-sizing:border-box; + float:left; + width:35%; + text-align:center; + } + +.MCH_BIGBUTTON_CONT + { + box-sizing:border-box; + display:inline-block; + font-size:28pt; + font-weight:bold; + padding:2px; + text-align:center; + vertical-align:middle; + } +.MCH_SMALLBUTTON_CONT + { + box-sizing:border-box; + display:inline-block; + font-size:16pt; + font-weight:bold; + padding:2px; + text-align:center; + vertical-align:middle; + } +.MCH_BUTTON_ON, .MCH_BUTTON_OFF + { + display:table-cell; + width:100%; + text-align:center; + vertical-align:middle; + opacity:0.7; + } +.MCH_BUTTON_ON:hover + { + opacity:1; + } + +.MCH_BUTTON_HIDDEN + { + display:table-cell; + width:100%; + text-align:center; + vertical-align:middle; + opacity:0.1; + } + +.MCH_RED {color:#913b00;} +.MCH_YELLOW {color:#a27600;} +.MCH_LIMEGREEN {color:#636e00;} +.MCH_GREEN {color:#246600;} + +.MCH_TCH_STEM + { + color:#202020; + font-size:24pt; + padding-bottom:12pt; + } +.MCH_TCH_ANS + { + color:#202020; + font-size:24pt; + } + +.MCH_WAIT_CONT + { + box-sizing:border-box; + text-align:center; + } +.MCH_WAIT_IMG + { + box-sizing:border-box; + width:25%; + } + +.MCH_SCO_SCO + { + width:5%; + text-align:right; + vertical-align:middle; + height:10px; + font-size:6pt; + font-weight:bold; + } +.MCH_SCO_NUM + { + width:95%; + text-align:left; + vertical-align:middle; + background:white; + height:10px; + font-size:6pt; + font-weight:bold; + } +.MCH_SCO_BAR + { + display:inline-block; + height:10px; + vertical-align:middle; + } +.MCH_SCO_TOP + { + color:grey; + border-style:solid solid none solid; + border-width:1px; + } +.MCH_SCO_MID + { + color:grey; + border-style:none solid none solid; + border-width:1px; + } +.MCH_SCO_BOT + { + color:grey; + border-style:none solid solid solid; + border-width:1px; + } + +.MCH_TCH_BUTTON_TD + { + box-sizing:border-box; + width:84px; + text-align:center; + vertical-align:top; + } +.MCH_TCH_BUTTON + { + box-sizing:border-box; + width:64px; + margin:8px; + padding:8px; + border-radius:4px; + border-width:1px; + border-style:solid; + color:rgba(255,255,255,0.75); + font-size:36pt; + font-weight:bold; + line-height:normal; + white-space:nowrap; + } +.MCH_STD_CELL + { + text-align:center; + vertical-align:middle; + } + +.MCH_STD_BUTTON + { + box-sizing:border-box; + width:100%; + margin:10px auto; + padding:20px; + border-radius:4px; + border-width:1px; + border-style:solid; + color:rgba(255,255,255,0.75); + font-size:44pt; + font-weight:bold; + line-height:normal; + white-space:nowrap; + } + +.MCH_STD_ANSWER_SELECTED + { + box-shadow: 0px 0px 18px 12px rgba(0,128,0,1); + animation:fadeinshadow 2s linear forwards; + } +@keyframes fadeinshadow + { + from {box-shadow:0px 0px 18px 12px rgba(0,128,0,1);} + to {box-shadow:none;} + } + +.MCH_RESULT + { + padding:10px 0; + color:#606060; + font-size:16pt; + text-align:left; + vertical-align:top; + } +.MCH_RES_TR + { + height:24px; + } +.MCH_RES_CORRECT + { + width:1%; + background:green; + } +.MCH_RES_WRONG + { + width:1%; + background:red; + } +.MCH_RES_VOID + { + width:1%; + background:white; + } + +.BT_A {background-color:#e21c3d; border-color:#a9152d;} /* red */ +.BT_B {background-color:#1369ce; border-color:#0e519c;} /* blue */ +.BT_C {background-color:#d89e00; border-color:#a27600;} /* yellow */ +.BT_D {background-color:#2b9010; border-color:#206c0c;} /* green */ +.BT_E {background-color:#e30087; border-color:#aa0064;} /* pink */ +.BT_F {background-color:#00b5e9; border-color:#0089b0;} /* light blue */ +.BT_G {background-color:#f58700; border-color:#b86400;} /* orange */ +.BT_H {background-color:#b3d00a; border-color:#869d07;} /* light green */ +.BT_I {background-color:#642075; border-color:#4b1858;} /* purple */ +.BT_J {background-color:#f5e800; border-color:#b8ad00;} /* light yellow */ + +/********************************* Surveys ***********************************/ +.SVY_OPT + { + width:50px; + } + +/******************************* Time table **********************************/ +.TT + { + width:100%; + margin:0 auto; + } +.TT_CELL + { + box-sizing:border-box; + max-width:80px; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + margin:0 auto; + } +.TT_TXT + { + font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; + color:#345C6C; + font-size:10pt; + line-height:100%; + letter-spacing:0; + } +.TT_DAY + { + font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; + color:#202020; + font-size:10pt; + letter-spacing:0; + } +.TT_SUNDAY + { + font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; + color:red; + font-size:10pt; + letter-spacing:0; + } +.TT_HOUR_BIG + { + color:#808080; + font-size:10pt; + font-weight:bold; + line-height:100%; + letter-spacing:0; + } +.TT_HOUR_SMALL + { + font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; + color:#A0A0A0; + font-size:10pt; + line-height:100%; + letter-spacing:0; + } +.TT_HOURCOL {box-sizing:border-box; height:16px; width:7%;} +.TT_HOUR {box-sizing:border-box; height:32px; width:7%;} +.TT_MINICOL {box-sizing:border-box; height:16px; width:2%;} +.TT_ALIGN {box-sizing:border-box; height:16px; width:1%;} +.TT_FREE0 {box-sizing:border-box; height:16px; background-color:#F4F2EA; border:solid 1px; border-color:#F4F2EA #E0D9C2 #EEEADC #F4F2EA;} +.TT_FREE1 {box-sizing:border-box; height:16px; background-color:#F4F2EA; border:solid 1px; border-color:#F4F2EA #E0D9C2 #E0D9C2 #F4F2EA;} +.TT_FREE2 {box-sizing:border-box; height:16px; background-color:#FBFAF7; border:solid 1px; border-color:#FBFAF7 #E0D9C2 #F5F2E9 #FBFAF7;} +.TT_FREE3 {box-sizing:border-box; height:16px; background-color:#FBFAF7; border:solid 1px; border-color:#FBFAF7 #E0D9C2 #E0D9C2 #FBFAF7;} +.TT_LECT {box-sizing:border-box; height:16px; background-color:#C0DAE4; border:solid 2px; border-color:#D5F1FC #AAC1C9 #AAC1C9 #D5F1FC;} +.TT_PRAC {box-sizing:border-box; height:16px; background-color:#DBE5E9; border:solid 2px; border-color:#EDF8FC #C7D0D4 #C7D0D4 #EDF8FC;} +.TT_TUTO {box-sizing:border-box; height:16px; background-color:#D6E9C3; border:solid 2px; border-color:#E8FCD3 #C2D4B1 #C2D4B1 #E8FCD3;} +.TT_TYP, .TT_DUR, .TT_GRP, .TT_INF + { + width:80px; + font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; + font-size:10pt; + border:0; + } + +/********************************* Preference ********************************/ +.PREF_CONTS + { + margin:0 auto; + text-align:center; + } +.PREF_CONT + { + display:inline-block; + margin:0 10px; + } +.PREF_OFF + { + display:table-cell; + box-sizing:border-box; + padding:6px; + text-align:center; + vertical-align:middle; + border:solid 1px; + border-color:transparent; + } +.PREF_ON + { + display:table-cell; + box-sizing:border-box; + padding:6px; + text-align:center; + vertical-align:middle; + border:solid 1px; + border-color:#C0DAE4; + background-color:#DDECF1; + } + +/************************************* Log ***********************************/ +.LOG + { + font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; + font-size:11pt; + color:#606060; + } +.LOG_R + { + font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; + font-size:11pt; + color:red; + } + +/***************************** Exam announcement *****************************/ +/* Bottom space is used for signatures */ +.EXA_ANN_VISIBLE + { + box-sizing:border-box; + width:100%; + padding:25px 25px 125px 25px; + } +.EXA_ANN_HIDDEN + { + box-sizing:border-box; + width:100%; + padding:25px 25px 125px 25px; + opacity:0.3; + } + +/*********************** Media (image/video) uploading ***********************/ +.MED_UPLOADER + { + text-align:center; + margin-bottom:10px; + } +.MED_PLAY + { + position:relative; + } +/* The icon inside the overlay is positioned in the middle vertically and horizontally */ +.MED_PLAY_ICO + { + position:absolute; + left:50%; + top:50%; + transform:translate(-50%,-50%); + font-size:20pt; + font-weight:bold; + color:white; + text-shadow: 0 0 8px black; + } + +/* For YouTube embedded videos. See https://avexdesigns.com/responsive-youtube-embed/ */ +.MED_VIDEO_CONT /* Adjust container height to get a 16:9 aspect ratio */ + { + position:relative; + box-sizing:border-box; + margin:10px 0; + padding-bottom:56.25%; /* percentage relative to width */ + } +.MED_VIDEO_CONT iframe, +.MED_VIDEO_CONT object, +.MED_VIDEO_CONT embed + { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + } + + /* Slideshare: + 487 / 599 = 0,813021703 + 422 / 514 = 0,821011673 + 357 / 429 = 0,832167832 + 292 / 344 = 0,848837209 */ +.MED_EMBED_CONT /* Adjust container height to get a 16:9 aspect ratio */ + { + position:relative; + box-sizing:border-box; + margin:10px 0; + padding-bottom:56.25%; /* percentage relative to width */ + } +.MED_EMBED_CONT iframe, +.MED_EMBED_CONT object, +.MED_EMBED_CONT embed + { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + } + +/********** Author of assignments, attendance, messages, surveys... **********/ +.AUTHOR_1_LINE + { + display:inline-block; + box-sizing:border-box; + max-width:100px; + height:20px; + text-align:left; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.AUTHOR_2_LINES + { + display:inline-block; + box-sizing:border-box; + max-width:60px; + height:40px; + text-align:left; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.AUTHOR_TXT {color:#4D88A1; font-size:11pt;} +.AUTHOR_TXT_LIGHT {color:#AFC4CC; font-size:11pt;} +.AUTHOR_TXT_NEW {color:#4D88A1; font-size:11pt; font-weight:bold;} + +/************************** Owner of assignments and works *******************/ +.OWNER_WORKS_PHOTO + { + box-sizing:border-box; + width:64px; + text-align:left; + vertical-align:top; + } +.OWNER_WORKS_DATA + { + display:inline-block; + box-sizing:border-box; + width:100px; + text-align:left; + vertical-align:top; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } + +/***************************** Listing of users ******************************/ +.USR_DAT + { + box-sizing:border-box; + max-width:120px; + overflow:hidden; + text-overflow:ellipsis; + } + +/********************************* Attendance ********************************/ +.ATT_CHECK + { + display:inline-block; + font-size:13pt; + font-weight:bold; + color:darkgreen; + } +.ATT_CROSS + { + display:inline-block; + font-size:13pt; + font-weight:bold; + color:darkred; + opacity:0.1; + } + +/********************* Edition of attendance events, games *******************/ +.TITLE_DESCRIPTION_WIDTH + { + box-sizing:border-box; + width:500px; + } + +/**************************** Enrolment requests *****************************/ +.REQUESTER_NAME + { + box-sizing:border-box; + max-width:100px; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } + +/********************************* Timeline **********************************/ +#view_new_posts_container,#view_old_posts_container + { + display:table-cell; + height:50px; + text-align:center; + vertical-align:middle; + } +#just_now_timeline_list,#new_timeline_list,#old_timeline_list + { + display:none; + margin:0; + padding:0; + } +#old_timeline_list + { + margin:0; + padding:0; + } +.TL_LIST + { + list-style-type:none; + padding:0; + margin:0; + text-align:left; + vertical-align:middle; + } + +@media only screen and (max-width: 590px) + { /* For mobile-phones (maximum width visible on Moto G4 vertical) */ + .TL_WIDTH {width:316px;} /* 556-240 */ + .TL_RIGHT_WIDTH {width:260px;} /* 500-240 */ + .TL_RIGHT_AUTHOR_WIDTH {width:100px;} /* 340-240 */ + .TL_COMM_WIDTH {width:220px;} /* 460-240 */ + .TL_COMM_AUTHOR_WIDTH {width: 60px;} /* 300-240 */ + .TL_MED_INPUT_WIDTH {width:160px;} /* 400-240 */ + .TL_NOTE_FOOT_WIDTH {width:260px;} /* 500-240 */ + .TL_COMM_FOOT_WIDTH {width:220px;} /* 460-240 */ + .TL_FAV_NOT_WIDTH {width:120px;} /* (480-240)/2 */ + .TL_SHA_NOT_WIDTH {width:120px;} /* (480-240)/2 */ + .TL_FAV_COM_WIDTH {width:200px;} /* 440-240 */ + } +@media only screen and (min-width: 590px) + { /* For tablets and desktop (maximum width visible on Moto G4 horizontal) */ + .TL_WIDTH {width:556px;} + .TL_RIGHT_WIDTH {width:500px;} + .TL_RIGHT_AUTHOR_WIDTH {width:340px;} + .TL_COMM_WIDTH {width:460px;} + .TL_COMM_AUTHOR_WIDTH {width:300px;} + .TL_MED_INPUT_WIDTH {width:400px;} + .TL_FAV_NOT_WIDTH {width:240px;} + .TL_SHA_NOT_WIDTH {width:240px;} + .TL_FAV_COM_WIDTH {width:440px;} + } + +.TL_NEW_PUB + { + background-color:#ddecf1; + animation:fadein 2s linear forwards; + } +@keyframes fadein + { + to {background-color:white;} + } +.TL_FORM_NEW_PST + { + padding:10px 0; + text-align:center; + } +.TL_SEP /* Separator (upper line between publications) */ + { + border-top:1px solid silver; + } +.TL_TOP_CONT + { + box-sizing:border-box; + padding-top:10px; + text-align:left; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.TL_TOP_PUBLISHER + { + color:#808080; + font-size:13pt; + } +.TL_LEFT_PHOTO + { + display:inline-block; + box-sizing:border-box; + width:56px; + height:76px; + padding:10px 0; + text-align:left; + vertical-align:top; + } +.TL_RIGHT_CONT + { + display:inline-block; + box-sizing:border-box; + padding-top:10px; + } +.TL_RIGHT_AUTHOR + { + display:inline-block; + box-sizing:border-box; + text-align:left; + vertical-align:top; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.TL_RIGHT_TIME + { + display:inline-block; + box-sizing:border-box; + width:160px; + text-align:right; + vertical-align:top; + } +.TL_PST_TEXTAREA + { + box-sizing:border-box; + margin:0; + resize:none; + } +.TL_PST_MED_CONT + { + box-sizing:border-box; + margin-top:10px; + } +.TL_PST_MED + { + box-sizing:border-box; + border-radius:4px; + } +.TL_COM_CONT + { + display:inline-block; + box-sizing:border-box; + padding-top:10px; + } +.TL_COM_AUTHOR + { + display:inline-block; + box-sizing:border-box; + text-align:left; + vertical-align:top; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.TL_COM_MED_CONT + { + box-sizing:border-box; + margin-top:10px; + } +.TL_COM_MED + { + box-sizing:border-box; + border-radius:4px; + } +.TL_FORM_NEW_COM + { + display:inline-block; + margin-left:56px; + border-top:1px solid silver; + padding-bottom:10px; + text-align:center; + } +.TL_COM_TEXTAREA + { + box-sizing:border-box; + margin:0; + resize:none; + } +.TL_BOTTOM_LEFT /* Container for button used to toggle new comment form */ + { + display:inline-block; + box-sizing:border-box; + width:56px; + padding-right:11px; + text-align:center; + vertical-align:bottom; + } +.TL_BOTTOM_RIGHT /* Container for fav, share, remove and comments */ + { + display:inline-block; + box-sizing:border-box; + vertical-align:top; + } +.TL_FORM + { + padding-top:8px; + overflow:hidden; + text-overflow:ellipsis; + } +.TL_FORM_OFF, +.TL_LOC + { + padding-top:8px; + color:#808080; + font-size:13pt; + overflow:hidden; + text-overflow:ellipsis; + } +.TL_TXT + { + padding-top:5px; + color:#202020; + font-size:13pt; + line-height:1.4; + overflow:hidden; + text-overflow:ellipsis; + } +.TL_EXPAND_COM + { + text-align:center; + padding:10px 0; + } +.TL_ICO_COM_OFF + { + display:inline-block; + box-sizing:border-box; + padding:6px; + text-align:center; + vertical-align:middle; + border:solid 1px; + border-color:transparent; + } +.TL_ICO_COM_ON + { + display:inline-block; + box-sizing:border-box; + padding:6px; + text-align:center; + vertical-align:middle; + border:solid 1px; + border-color:#C0DAE4; + background-color:#DDECF1; + } +.TL_FOOT /* Container for favs, shares and remove */ + { + display:table; + vertical-align:top; + padding:7px 0; + } +.TL_FAV_NOT, .TL_SHA_NOT + { + display:table-cell; + text-align:left; + vertical-align:top; + } +.TL_FAV_COM + { + display:table-cell; + text-align:left; + vertical-align:top; + } +.TL_REM + { + display:table-cell; + width:20px; + text-align:right; + vertical-align:bottom; + } +.TL_ICO + { + display:table-cell; + } +.TL_NUM_USRS + { + display:table-cell; + color:#A0A0A0; + font-size:12pt; + font-weight:bold; + } +.TL_USRS + { + display:table-cell; + } +.TL_ICO_DISABLED + { + opacity:0.1; + } +.TL_SHARER + { + display:inline-block; + padding-left:4px; + vertical-align:bottom; + } +.TL_COM + { + border-top:1px solid silver; + } +.TL_COM_PHOTO + { + display:inline-block; + box-sizing:border-box; + width:40px; + height:54px; + padding:10px 0; + text-align:left; + vertical-align:top; + } + +/************************************ Forum **********************************/ +.FOR_IMG_CONT + { + box-sizing:border-box; + width:100%; + margin:10px 0; + } +.FOR_IMG + { + box-sizing:border-box; + width:100%; + border-radius:4px; + } +.FOR_MED_INPUT + { + box-sizing:border-box; + margin:0 auto; + width:400px; + } + +/*********************************** Messages ********************************/ +.MSG_TO_ONE_RCP + { + display:inline-block; + padding-left:4px; + text-align:left; + vertical-align:middle; + } +.MSG_IMG_CONT + { + box-sizing:border-box; + width:100%; + margin:10px 0; + } +.MSG_IMG + { + box-sizing:border-box; + width:100%; + border-radius:4px; + } +.MSG_MED_INPUT + { + box-sizing:border-box; + margin:0 auto; + width:400px; + } +.MSG_TXT + { + color:#202020; + font-size:13pt; + line-height:1.4; + } +.MSG_TIT {color:#4D88A1; font-size:13pt;} +.MSG_TIT_NEW {color:#4D88A1; font-size:13pt; font-weight:bold;} +.MSG_TIT_REM {color:#AFC4CC; font-size:13pt;} +.MSG_TIT_BG + { + background-image:-webkit-linear-gradient(#eaf3f6 0,#eaf3f6 80%,white 100%); /* Safari */ + background-image:linear-gradient(#eaf3f6 0,#eaf3f6 80%,white 100%); + background-repeat:no-repeat; + color:#4D88A1; + font-size:13pt; + } +.MSG_TIT_BG_NEW + { + background-image:-webkit-linear-gradient(#f5ffd7 0,#f5ffd7 80%,white 100%); /* Safari */ + background-image:linear-gradient(#f5ffd7 0,#f5ffd7 80%,white 100%); + background-repeat:no-repeat; + color:#4D88A1; + font-size:13pt; + font-weight:bold; + } +.MSG_TIT_BG_REM + { + background-image:-webkit-linear-gradient(#f3fcff 0,#f3fcff 80%,white 100%); /* Safari */ + background-image:linear-gradient(#f3fcff 0,#f3fcff 80%,white 100%); + background-repeat:no-repeat; + color:#AFC4CC; + font-size:13pt; + } +.MSG_AUT_BG + { + background-image:-webkit-linear-gradient(#eaf3f6 0,#eaf3f6 80%,white 100%); /* Safari */ + background-image:linear-gradient(#eaf3f6 0,#eaf3f6 80%,white 100%); + background-repeat:no-repeat; + color:#4D88A1; + font-size:11pt; + } +.MSG_AUT_BG_NEW + { + background-image:-webkit-linear-gradient(#f5ffd7 0,#f5ffd7 80%,white 100%); /* Safari */ + background-image:linear-gradient(#f5ffd7 0,#f5ffd7 80%,white 100%); + background-repeat:no-repeat; + color:#4D88A1; + font-size:11pt; + font-weight:bold; + } +.MSG_AUT_BG_REM + { + background-image:-webkit-linear-gradient(#f3fcff 0,#f3fcff 80%,white 100%); /* Safari */ + background-image:linear-gradient(#f3fcff 0,#f3fcff 80%,white 100%); + background-repeat:no-repeat; + color:#AFC4CC; + font-size:11pt; + } +.MSG_DATE {color:#4D88A1; font-size:11pt;} +.MSG_DATE_NEW {color:#4D88A1; font-size:11pt; font-weight:bold;} + +.BT {width:20px; text-align:center; vertical-align:top;} +.BT0 {width:20px; text-align:center; vertical-align:top; background-color:#F4F2EA;} +.BT1 {width:20px; text-align:center; vertical-align:top; background-color:#FBFAF7;} + +.BM {width:20px; text-align:center; vertical-align:middle;} +.BM_SEL {width:20px; text-align:center; vertical-align:middle; background-color:#C0FF40;} + +.BM0 {width:20px; text-align:center; vertical-align:middle; background-color:#F4F2EA;} +.BM1 {width:20px; text-align:center; vertical-align:middle; background-color:#FBFAF7;} + +/******************************** Pagination *********************************/ +.PAG + { + display:inline-block; + box-sizing:border-box; + margin:4px 2px; + padding:2px 8px; + border-style:solid; + border-width:1px; + border-radius:4px; + border-color:#C0DAE4; + } +a.PAG:hover, .PAG_CUR + { + display:inline-block; + box-sizing:border-box; + margin:4px 2px; + padding:2px 8px; + border-style:solid; + border-width:1px; + border-radius:4px; + border-color:#C0DAE4; + background-color:#DDECF1; + text-decoration:none; + } +.PAG_TXT + { + font-size:13pt; + font-weight:bold; + color:#4D88A1; + } + +/***************************** Calls for exams *******************************/ +.EXAM_TIT + { + /* font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif; */ + color:#202020; + font-weight:bold; + font-size:18pt; + } +.EXAM + { + /* font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif; */ + color:#202020; + font-size:13pt; + } + +/******************************** Separation row *****************************/ +.SEPAR_ROW + { + height:10px; + } + +/********************************** Statistics *******************************/ +.STAT_SEL + { + width:300px; + } + +/******************************** User's report ******************************/ +.TITLE_REPORT + { + margin-bottom:10px; + } + +/***************************** Public user's profile *************************/ +.PRF_FIG_LEFT_CONT + { + display:inline-block; + box-sizing:border-box; + width:50%; + padding-right:10px; + text-align:right; + vertical-align:top; + } +.PRF_FIG_RIGHT_CONT + { + display:inline-block; + box-sizing:border-box; + width:50%; + padding-left:10px; + text-align:left; + vertical-align:top; + } +.PRF_FIG_UL + { + display:inline-block; + list-style-type:none; + padding:0; + margin:0; + text-align:left; + vertical-align:middle; + } +.PRF_FIG_LI + { + padding:0 0 0 20px; + background-size:16px 16px; + background-repeat:no-repeat; + background-position:left center; + opacity:0.7; + } + +#following_side + { + display:inline-block; + box-sizing:border-box; + width:50%; + padding-right:10px; + } +#followers_side + { + display:inline-block; + box-sizing:border-box; + width:50%; + padding-left:10px; + } +.FOLLOW_SIDE + { + display:table; + box-sizing:border-box; + width:100%; + } +#follows_me + { + display:table-cell; + box-sizing:border-box; + padding-right:20px; + text-align:right; + vertical-align:middle; + } +#follow_usr + { + display:table-cell; + height:60px; + box-sizing:border-box; + padding-left:20px; + text-align:left; + vertical-align:middle; + } +.FOLLOW_BOX + { + display:table-cell; + width:140px; + text-align:center; + vertical-align:middle; + } +.FOLLOW_NUM + { + color:#202020; + font-size:30pt; + font-weight:bold; + opacity:0.5; + } +.FOLLOW_NUM_B + { + color:#202020; + font-size:30pt; + font-weight:bold; + } +.FOLLOW_PHOTO + { + box-sizing:border-box; + width:72px; + height:90px; + text-align:left; + vertical-align:bottom; + } +.FOLLOW_USR + { + box-sizing:border-box; + width:100px; + height:90px; + text-align:left; + } +.FOLLOW_USR_NAME + { + box-sizing:border-box; + max-width:100px; + text-align:left; + vertical-align:bottom; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } +.FOLLOW_USR_ICO + { + text-align:left; + padding:4px; + } + +/****************************** Users ranking ********************************/ +.RANK_USR + { + box-sizing:border-box; + max-width:48px; + text-align:left; + vertical-align:middle; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + } + +.RANK_PHOTO + { + width:34px; + height:48px; + } + +/************************* Indicators about courses **************************/ +.INDICATORS td,.INDICATORS th + { + border:1px solid silver; + border-collapse:collapse; + padding:1px; + } +.INDICATORS th + { + color:#4D88A1; + font-size:12pt; + font-weight:bold; + } +.INDICATORS_INPUT + { + max-width:500px; + } + +/************* Forms to edit institution, centre, degree, course *************/ +.CODE + { + box-sizing:border-box; + min-width:60px; + text-align:right; + vertical-align:middle; + } +.INPUT_INS_CODE + { + box-sizing:border-box; + width:180px; + } +.INPUT_SHORT_NAME + { + box-sizing:border-box; + width:180px; + } +.INPUT_FULL_NAME + { + box-sizing:border-box; + width:180px; + } +.INPUT_WWW_NARROW + { + box-sizing:border-box; + width:90px; + } +.INPUT_WWW_WIDE + { + box-sizing:border-box; + width:180px; + } +.INPUT_COORD + { + box-sizing:border-box; + width:180px; + } +.INPUT_STATUS + { + box-sizing:border-box; + width:80px; + } +.INPUT_REQUESTER + { + box-sizing:border-box; + width:90px; + } + +/******************************** Last clicks ********************************/ +.LC_CLK {text-align:right; vertical-align:middle; min-width:60px;} +.LC_TIM {text-align:right; vertical-align:middle; min-width:60px; max-width:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} +.LC_ROL {text-align:left; vertical-align:middle; min-width:100px; max-width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} +.LC_CTY {text-align:left; vertical-align:middle; min-width:100px; max-width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} +.LC_INS {text-align:left; vertical-align:middle; min-width:100px; max-width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} +.LC_CTR {text-align:left; vertical-align:middle; min-width:100px; max-width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} +.LC_DEG {text-align:left; vertical-align:middle; min-width:150px; max-width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} +.LC_ACT {text-align:left; vertical-align:middle; min-width:200px; max-width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} + +/********************************** Privacy **********************************/ +.PRI_LIST + { + width:100%; + } + +/********************************* Page foot *********************************/ +@media only screen and (max-width: 800px) + { /* For mobile-phones */ + #foot_zone, #about_zone + { + display:none; + } + } +@media only screen and (min-width: 800px) + { /* For tablets and desktop */ + #foot_zone + { + padding:20px; + } + #about_zone + { + padding:20px; + text-align:center; + } + } +.FOOT_LIST_CONT + { + position:relative; + float:left; + text-align:left; + padding-bottom:20px; + background:white; + } +.FOOT_LIST_TITLE + { + color:#666; + font-size:14pt; + font-weight:bold; + white-space:nowrap; + } +.FOOT_LIST + { + box-sizing:border-box; + list-style-type:none; + margin:0; + padding:0; + border-width:0; + font-size:12pt; + white-space:nowrap; + line-height:140%; + } +.FOOT_LINK + { + color:#2C90C9; + } +.ABOUT + { + color:#A0A0A0; + font-size:12pt; + } + +/************** Something that does not take up space and is not shown *******/ +.NOT_SHOWN + { + display:none; + } + +/************ Something that takes up space but which is invisible ***********/ +.HIDDEN + { + visibility:hidden; + } diff --git a/swad_centre.c b/swad_centre.c index 72449251..19513108 100644 --- a/swad_centre.c +++ b/swad_centre.c @@ -27,6 +27,7 @@ #include // For boolean type #include // For NULL +#include // For free #include // For string functions #include "swad_centre.h" diff --git a/swad_centre_config.c b/swad_centre_config.c index daf3ec8d..5c840fdd 100644 --- a/swad_centre_config.c +++ b/swad_centre_config.c @@ -29,6 +29,7 @@ #include // For boolean type #include // For NULL #include // For asprintf +#include // For free #include // For string functions #include // For unlink diff --git a/swad_changelog.h b/swad_changelog.h index d55fef4a..73564a44 100644 --- a/swad_changelog.h +++ b/swad_changelog.h @@ -500,7 +500,7 @@ ps2pdf source.ps destination.pdf // TODO: Impedir la creación y edición de proyectos si no son editables. // TODO: No se puede entrar con DNI '1' suponiendo que no tenga password ¿por qué? - Version 19.112.1: Jan 03, 2020 Code refactoring in maps. (278376 lines) + Version 19.112.1: Jan 03, 2020 Code refactoring in maps. (278391 lines) Version 19.112: Jan 03, 2020 Map in country information. (278380 lines) Version 19.111.3: Jan 03, 2020 Code refactoring in maps. (278251 lines) Version 19.111.2: Jan 03, 2020 Map in institution information. (278231 lines) diff --git a/swad_connected.c b/swad_connected.c index 1f0412a5..90f687a9 100644 --- a/swad_connected.c +++ b/swad_connected.c @@ -30,6 +30,7 @@ #include // For PATH_MAX #include // For NULL #include // For asprintf +#include // For free #include // For string functions #include "swad_box.h" diff --git a/swad_country.c b/swad_country.c index 4d5edaf0..7762ff80 100644 --- a/swad_country.c +++ b/swad_country.c @@ -29,6 +29,7 @@ #include // For boolean type #include // For NULL #include // For asprintf +#include // For free #include // For string functions #include "swad_country_config.h" diff --git a/swad_country_config.c b/swad_country_config.c index 2957a999..66f4d767 100644 --- a/swad_country_config.c +++ b/swad_country_config.c @@ -25,8 +25,11 @@ /********************************* Headers ***********************************/ /*****************************************************************************/ +#define _GNU_SOURCE // For asprintf #include // For boolean type #include // For NULL +#include // For asprintf +#include // For free #include // For string functions #include "swad_database.h" diff --git a/swad_course.c b/swad_course.c index eb23a45d..a0d83425 100644 --- a/swad_course.c +++ b/swad_course.c @@ -28,6 +28,7 @@ #define _GNU_SOURCE // For asprintf #include // For NULL #include // For asprintf +#include // For free #include // For string functions #include "swad_course.h" diff --git a/swad_course_config.c b/swad_course_config.c index 9a65ad0b..3d102643 100644 --- a/swad_course_config.c +++ b/swad_course_config.c @@ -29,6 +29,7 @@ #include // For boolean type #include // For NULL #include // For asprintf +#include // For free #include // For string functions #include "swad_database.h" diff --git a/swad_degree.c b/swad_degree.c index d2a386c8..02d5dffe 100644 --- a/swad_degree.c +++ b/swad_degree.c @@ -27,6 +27,7 @@ #include // For boolean type #include // For NULL +#include // For free #include // For string functions #include "swad_database.h" diff --git a/swad_hierarchy.c b/swad_hierarchy.c index 2cb0a153..d2398292 100644 --- a/swad_hierarchy.c +++ b/swad_hierarchy.c @@ -27,6 +27,7 @@ #define _GNU_SOURCE // For asprintf #include // For asprintf +#include // For free #include "swad_database.h" #include "swad_form.h" diff --git a/swad_institution.c b/swad_institution.c index 89cee4ad..55f286c5 100644 --- a/swad_institution.c +++ b/swad_institution.c @@ -27,6 +27,7 @@ #include // For boolean type #include // For NULL +#include // For free #include // For string functions #include "swad_database.h" diff --git a/swad_institution_config.c b/swad_institution_config.c index c006a889..ab492def 100644 --- a/swad_institution_config.c +++ b/swad_institution_config.c @@ -25,8 +25,11 @@ /********************************* Headers ***********************************/ /*****************************************************************************/ +#define _GNU_SOURCE // For asprintf #include // For boolean type #include // For NULL +#include // For asprintf +#include // For free #include "swad_database.h" #include "swad_form.h"