Marown/swad-core
Marown
/
swad-core
mirror of https://github.com/acanas/swad-core.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
swad-core/css/swad_mobile.css

1014 lines
30 KiB
CSS
Raw Blame History

/* swad_mobile.css:style-sheet for mobile 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-2015 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 <http://www.gnu.org/licenses/>.
*/
A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:active {text-decoration:none;}
A:hover {text-decoration:underline;}
body
{
margin:0;
background-color:white;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:1.25em;
}
input {font-size:20pt; vertical-align:middle;}
select {font-size:20pt;}
textarea {font-size:20pt;}
table
{
border-width:0;
border-style:none;
border-spacing:0;
}
table th
{
padding:0;
color:#4D88A1;
font-size:18pt;
font-weight:bold;
}
table td
{
padding:0;
}
img {border-width:0; border-style:none;}
form {margin:0; display:inline;}
/********************************** Background *******************************/
.WHITE_BACKGROUND {background-image:linear-gradient(black 0,black 60px,white 60px,#cfcfce 60px,white 94px,white 100%); background-repeat:no-repeat;}
.GREY_BACKGROUND {background-image:linear-gradient(#383838 0,#404040 40px,#404040 176px,white 176px,white 100%); background-repeat:no-repeat;}
.BLUE_BACKGROUND {background-image:linear-gradient(#5fa5df 0,#4f90c8 40px,#4f90c8 176px,white 176px,white 100%); background-repeat:no-repeat;}
.YELLOW_BACKGROUND {background-image:linear-gradient(#201420 0,#201420 176px,white 176px,white 100%); background-repeat:no-repeat;}
.WHITE_HEAD_ROW_1 {background-color:black;}
.GREY_HEAD_ROW_1 {background-image:linear-gradient(#383838 0,#383838 40px,#404040 100%); background-repeat:no-repeat;}
.BLUE_HEAD_ROW_1 {background-image:linear-gradient(#5fa5df 0,#4f90c8 40px,#4f90c8 100%); background-repeat:no-repeat;}
.YELLOW_HEAD_ROW_1 {background-color:#201420;}
/************* Institution / Centre / Degree logo in top title ***************/
.TOP_LOGO
{
margin-right:10px;
text-align:left;
vertical-align:top !important;
}
/************************* Users connected globally **************************/
.CONNECTED
{
margin:0;
border-style:solid;
border-width:1px;
border-color:#398000;
padding:5px;
border-radius:5px;
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
font-size:12pt;
color:#398000;
overflow:hidden;
}
/*********************************** Month ***********************************/
.MONTH_CONTAINER
{
width:138px;
margin:0;
padding:5px;
border-style:solid;
border-width:1px;
border-color:#8CBCCE;
border-radius:5px;
text-align:center;
overflow:hidden;
}
.MONTH_TABLE_DAYS
{
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:10pt;
white-space:nowrap;
}
.DAY_WRK_HEAD
{
color:#4D88A1;
font-size:10pt;
text-align:center;
}
.DAY_NO_WRK_HEAD
{
color:#FF0000;
font-size:10pt;
text-align:center;
}
.DAY_WRK
{
color:#202020;
font-size:10pt;
text-align:center;
}
.DAY_NO_WORK
{
color:#C04080;
font-size:10pt;
text-align:center;
}
.DAY_HLD
{
color:#FF0000;
font-size:10pt;
text-align:center;
}
.DAY_WRK_LIGHT
{
color:#E0E0E0;
font-size:10pt;
text-align:center;
}
.DAY_NO_WORK_LIGHT
{
color:#FFE0FF;
font-size:10pt;
text-align:center;
}
.DAY_HLD_LIGHT
{
color:#FFE0E0;
font-size:10pt;
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:1px solid #518741;
}
.BT_CONFIRM
{
background-color:#55ACEE;
border:1px solid #3B88C3;
}
.BT_REMOVE
{
background-color:#EF5555;
border:1px solid #C33B3B;
}
.BT_SUBMIT
{
color:white;
font-size:20px;
font-weight:bold;
line-height:normal;
margin:10px;
padding:10px 20px;
border-radius:5px;
box-shadow:0 1px 0 rgba(255,255,255,0.15) inset;
}
.BT_SUBMIT_INLINE
{
color:white;
font-size:15px;
font-weight:bold;
line-height:normal;
margin:0 5px;
padding:5px 10px;
border-radius:5px;
box-shadow:0 1px 0 rgba(255,255,255,0.15) inset;
}
.BT_SUBMIT:hover
{
background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2));
}
.BT_SUBMIT_INLINE:hover
{
background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2));
}
/********************************** Notice ***********************************/
.NOTICE_CONTAINER
{
margin:10px auto;
padding:10px;
background-image:linear-gradient(#EED86C 0%,#FEED95 15%,#FAF098 100%);
box-shadow:0 8px 10px -5px rgba(125,113,0,0.8);
text-align:center;
overflow:hidden;
}
.NOTICE_DATE
{
float:right;
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
font-size:12pt;
color:#404040;
overflow:hidden;
}
.NOTICE_SUBJECT
{
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
font-size:15pt;
font-weight:bold;
color:#404040;
text-align:center;
overflow:hidden;
display:inline-block;
}
.NOTICE_TEXT
{
clear:both;
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
font-size:12pt;
color:#000080;
overflow:hidden;
}
.NOTICE_AUTHOR
{
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
color:#404040;
font-size:12pt;
overflow:hidden;
}
/**************************** Institutional links ****************************/
#institutional_links
{
width:138px;
margin:0;
border-style:solid;
border-width:1px;
border-color:#4D88A1;
padding:5px;
border-radius:5px;
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
font-size:11pt;
color:#4D88A1;
overflow:hidden;
}
.INS_LNK
{
padding:1px;
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
font-size:11pt;
color:#4D88A1;
}
/***************************** Tabs and main zone ****************************/
#tabs_container
{
height:70px;
margin:0 auto;
}
.TAB_ON
{
height:78px;
margin:0;
padding:0 25px;
border-radius:10px 12px 0 0;
box-shadow:inset -2px -2px 1px 0 rgba(50,50,50,0.2);
text-align:center;
vertical-align:middle;
overflow:hidden;
display:table-cell;
}
#CENTRAL_ZONE
{
min-width:925px;
min-height:925px;
width:100%;
margin:-8px 0 0 0;
padding:10px 0;
border-radius:10px;
box-shadow:inset -2px -2px 1px 0 rgba(50,50,50,0.2);
text-align:center;
vertical-align:top;
overflow:hidden;
position:relative;
display:inline-block;
}
/********************************** Alerts ***********************************/
.ALERT
{
margin:5px auto;
background-color:#FFF9E0;
background-repeat:no-repeat;
background-position:12px 12px;
padding:12px 12px 12px 45px;
border-radius:10px;
box-shadow:1px 1px 3px #CCC7B4;
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
font-size:20pt;
color:#632921;
text-align:justify;
overflow:hidden;
display:inline-block;
}
/*********************************** Icons ***********************************/
.ICON16x16 {width:20px; height:20px; vertical-align:middle;}
.ICON16x16B {width:20px; height:20px; vertical-align:middle; display:block;}
.ICON20x20 {width:25px; height:25px; vertical-align:middle;}
.ICON32x32 {width:40px; height:40px; vertical-align:middle;}
.ICON32x32B {width:40px; height:40px; vertical-align:middle; display:block;}
.ICON48x48 {width:60px; height:60px; vertical-align:middle;}
.ICON64x64 {width:80px; height:80px; vertical-align:middle;}
.ICON128x128 {width:160px; height:160px; vertical-align:middle;}
.BANNER {width:150px; height:50px;}
.BANNER_SMALL {width:75px; height:25px;}
/****** Contextual links with small icons and text to go to some action ******/
.CONTEXT_MENU
{
margin-bottom:12px;
text-align:center;
}
.CONTEXT_OPT
{
display:inline;
margin:0 6px;
}
/********************************* Frame 10 **********************************/
.FRAME10
{
margin:5px 0;
padding:12px;
background-color:white;
border-radius:10px;
box-shadow:1px 1px 3px #CCC;
text-align:center;
overflow:hidden;
display:inline-block;
}
.FRAME10_SHADOW
{
margin:5px 0 18px 0;
padding:12px;
background-color:rgba(255,255,255,0.95);
border-width:1px;
border-style:solid;
border-color:#C0C0C0;
border-radius:10px;
box-shadow:2px 5px 15px #888;
text-align:center;
overflow:hidden;
display:inline-block;
}
.TABLE10
{
width:100%;
}
.TIT_TBL_10
{
margin:12px;
color:#808080;
font-size:25pt;
font-weight:bold;
}
.CELLS_PAD_1 th {padding:1px;}
.CELLS_PAD_1 td {padding:1px;}
.CELLS_PAD_2 th {padding:2px;}
.CELLS_PAD_2 td {padding:2px;}
.CELLS_PAD_4 th {padding:5px;}
.CELLS_PAD_4 td {padding:5px;}
.CELLS_PAD_8 th {padding:10px;}
.CELLS_PAD_8 td {padding:10px;}
/*********************************** Title ***********************************/
.TIT {
margin:20px auto 0 auto;
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
font-size:20pt;
font-weight:bold;
color:#94745C;
text-align:center;
}
/********** Title of country,institution,centre,degree,course ************/
.TITLE_LOCATION
{
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
font-size:25pt;
font-weight:bold;
color:#808080;
text-align:center;
}
/******************************* Map of country ******************************/
.COUNTRY_MAP_TITLE
{
width:40px; height:40px;
margin-right:10px;
vertical-align:top;
}
.COUNTRY_MAP_SMALL
{
width:62px; height:62px;
}
.COUNTRY_MAP_SHOW
{
width:312px; height:312px;
margin:10px;
}
.COUNTRY_MAP_PRINT
{
width:625px; height:625px;
margin:12px;
}
/****************************** Photo of centre ******************************/
.CENTRE_PHOTO_SHOW
{
width:480px; height:320px;
padding:6px; margin:10px;
border:solid 1px #EEE;
}
a:hover img.CENTRE_PHOTO_SHOW
{
border:solid 1px #CCC;
box-shadow:1px 1px 6px #999;
}
.CENTRE_PHOTO_PRINT
{
width:720px; height:480px;
padding:10px; margin:12px;
border:solid 1px #EEE;
box-shadow:1px 1px 6px #999;
}
/**************** Attribution (author and license) of images *****************/
.ATTRIBUTION
{
font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif;
color:#A0A0A0;
font-size:8pt;
max-width:500px;
text-align:center;
}
/******************************* User's photo ********************************/
.PHOTO12x16 {width: 15px; height: 24px; vertical-align:middle; border-radius:2px;}
.PHOTO12x16B {width: 15px; height: 24px; vertical-align:middle; border-radius:2px; display:block;}
.PHOTO15x20 {width: 18px; height: 25px; vertical-align:middle; border-radius:2px;}
.PHOTO18x24 {width: 21px; height: 28px; vertical-align:middle; border-radius:2px;}
.PHOTO24x32 {width: 30px; height: 40px; vertical-align:middle; border-radius:3px;}
.PHOTO36x48 {width: 45px; height: 60px; vertical-align:middle; border-radius:5px;}
.PHOTO75x100 {width: 93px; height:124px; vertical-align:middle; border-radius:6px;}
.PHOTO150x200 {width:186px; height:248px; vertical-align:middle; border-radius:10px;}
.IMG_USR
{
width:186px;
height:248px;
border-radius:6px;
}
.ZOOM
{
position:absolute;
z-index:1000;
left:-203px;
top:-375px;
padding:6px;
background-color:rgba(255,255,255,0.8);
border-width:1px;
border-style:solid;
border-color:#C0C0C0;
border-radius:10px;
box-shadow:2px 5px 15px #888;
}
.ZOOM_TXT
{
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
color:#202020;
font-size:12pt;
}
.NO_BR {white-space:nowrap;}
.BG_MSG_BLUE
{
background-image:linear-gradient(#eaf3f6 0,#eaf3f6 80%,white 100%);
background-repeat:no-repeat;
}
.BG_MSG_GREEN
{
background-image:linear-gradient(#f5ffd7 0,#f5ffd7 80%,white 100%);
background-repeat:no-repeat;
}
.WHITE_DEGREE {color:#707070; font-size:18pt; font-weight:bold; white-space:nowrap;}
.GREY_DEGREE {color:#FFB42E; font-size:18pt; font-weight:bold; white-space:nowrap;}
.BLUE_DEGREE {color:#FFE880; font-size:18pt; font-weight:bold; white-space:nowrap;}
.YELLOW_DEGREE {color:#FFC040; font-size:18pt; font-weight:bold; white-space:nowrap;}
.WHITE_COURSE {color:#4D88A1; font-size:18pt; white-space:nowrap;}
.GREY_COURSE {font-Family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:#F7F6F5; font-size:18pt; white-space:nowrap;}
.BLUE_COURSE {font-Family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:white; font-size:18pt; white-space:nowrap;}
.YELLOW_COURSE {font-Family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:white; font-size:18pt; white-space:nowrap;}
.WHITE_HEAD {color:#E0E0E0; font-size:20pt; white-space:nowrap;}
.GREY_HEAD {color:#E0E0E0; font-size:20pt; white-space:nowrap;}
.BLUE_HEAD {color:white; font-size:20pt; white-space:nowrap;}
.YELLOW_HEAD {color:#B3B0B3; font-size:20pt; white-space:nowrap;}
.WHITE_USR {color:#E0E0E0; font-size:20pt; font-weight:bold; white-space:nowrap;}
.GREY_USR {color:#E0E0E0; font-size:20pt; font-weight:bold; white-space:nowrap;}
.BLUE_USR {color:white; font-size:20pt; font-weight:bold; white-space:nowrap;}
.YELLOW_USR {color:#B3B0B3; font-size:20pt; font-weight:bold; white-space:nowrap;}
.WHITE_CONNECTED {color:#398000; font-size:12pt;}
.GREY_CONNECTED {color:#398000; font-size:12pt;}
.BLUE_CONNECTED {color:#398000; font-size:12pt;}
.YELLOW_CONNECTED {color:#398000; font-size:12pt;}
.WHITE_TITLE {color:#505050; font-size:20pt;}
.GREY_TITLE {color:#505050; font-size:20pt;}
.BLUE_TITLE {color:#4D88A1; font-size:20pt;}
.YELLOW_TITLE {color:#FF4301; font-size:20pt;}
/**************************** Icon highlighting ******************************/
.ICON_HIDDEN
{
opacity:0.2;
}
.ICON_HIGHLIGHT
{
opacity:0.7;
}
.ICON_HIGHLIGHT:hover
{
opacity:1;
}
/*********************************** Tabs ************************************/
.WHITE_TAB_ON
{
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
color:#4D88A1;
font-size:25pt;
font-weight:bold;
line-height:100%;
white-space:nowrap;
}
.GREY_TAB_ON
{
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
color:#606060;
font-size:25pt;
font-weight:bold;
line-height:100%;
white-space:nowrap;
}
.BLUE_TAB_ON
{
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
color:#4D88A1;
font-size:25pt;
font-weight:bold;
line-height:100%;
white-space:nowrap;
}
.YELLOW_TAB_ON
{
font-family:Arial,"Nimbus Sans L","DejaVu LGC Sans","Bitstream Vera Sans",sans-serif;
color:#BD4815;
font-size:25pt;
font-weight:bold;
line-height:100%;
white-space:nowrap;
}
/********************************* Menu fonts ********************************/
.WHITE_MENU_OFF {color:#707070; font-size:25pt; line-height:110%;}
.GREY_MENU_OFF {color:#707070; font-size:25pt; line-height:110%;}
.BLUE_MENU_OFF {color:#4D88A1; font-size:25pt; line-height:110%;}
.YELLOW_MENU_OFF {color:#FF4301; font-size:25pt; line-height:110%;}
.WHITE_MENU_ON {color:#4D88A1; font-size:25pt; font-weight:bold; line-height:110%;}
.GREY_MENU_ON {color:#606060; font-size:25pt; font-weight:bold; line-height:110%;}
.BLUE_MENU_ON {color:#4D88A1; font-size:25pt; font-weight:bold; line-height:110%;}
.YELLOW_MENU_ON {color:#FF4301; font-size:25pt; font-weight:bold; line-height:110%;}
/********************************* Form fonts ********************************/
.WHITE_FORM {color:#4D88A1; font-size:20pt;}
.GREY_FORM {color:#4D88A1; font-size:20pt;}
.BLUE_FORM {color:#4D88A1; font-size:20pt;}
.YELLOW_FORM {color:#FF4301; font-size:20pt;}
.WHITE_FORM_NOWRAP {color:#4D88A1; font-size:20pt; white-space:nowrap;}
.GREY_FORM_NOWRAP {color:#4D88A1; font-size:20pt; white-space:nowrap;}
.BLUE_FORM_NOWRAP {color:#4D88A1; font-size:20pt; white-space:nowrap;}
.YELLOW_FORM_NOWRAP {color:#FF4301; font-size:20pt; white-space:nowrap;}
.WHITE_FORM_BOLD {color:#4D88A1; font-size:20pt; font-weight:bold;}
.GREY_FORM_BOLD {color:#4D88A1; font-size:20pt; font-weight:bold;}
.BLUE_FORM_BOLD {color:#4D88A1; font-size:20pt; font-weight:bold;}
.YELLOW_FORM_BOLD {color:#FF4301; font-size:20pt; font-weight:bold;}
/****************************** Placing of objects ***************************/
.LEFT_TOP {text-align:left; vertical-align:top;}
.LEFT_MIDDLE {text-align:left; vertical-align:middle;}
.LEFT_BOTTOM {text-align:left; vertical-align:bottom;}
.CENTER_TOP {text-align:center; vertical-align:top;}
.CENTER_MIDDLE {text-align:center; vertical-align:middle;}
.CENTER_BOTTOM {text-align:center; vertical-align:bottom;}
.RIGHT_TOP {text-align:right; vertical-align:top;}
.RIGHT_MIDDLE {text-align:right; vertical-align:middle;}
.RIGHT_BOTTOM {text-align:right; vertical-align: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;}
.TAB_ON_WHITE {background-color:#F7F6F5;}
.TAB_ON_GREY {background-color:#F7F6F5;}
.TAB_ON_BLUE {background-color:#E8F3F6;}
.TAB_ON_YELLOW {background-color:#FFF2BD;}
.TAB_OFF_WHITE {background-color:#D4D4D4;}
.TAB_OFF_GREY {background-color:#D4D4D4;}
.TAB_OFF_BLUE {background-color:#CAE1E8;}
.TAB_OFF_YELLOW {background-color:#FADE94;}
/********************************* 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:12px;
text-align:center;
color:#808080;
font-size:12pt;
}
/*********************************** Lists ***********************************/
.LIST_LEFT
{
list-style-type:none;
padding:0;
margin:0;
text-align:left;
vertical-align:middle;
}
.LIST_CENTER
{
list-style-type:none;
padding:0;
margin:0;
text-align:center;
vertical-align:middle;
}
/*****************************************************************************/
.FILENAME {color:#404040; font-size:22pt; font-weight:bold;}
.BROWSER_TITLE {color:#94745C; font-size:20pt; font-weight:bold;}
.BROWSER_TITLE_LIGHT {color:#D5C6BB; font-size:20pt; font-weight:bold;}
.BROWSER_SUBTITLE {color:#94745C; font-size:18pt;}
.T1 {color:#404040; font-size:20pt;}
.T2 {color:#404040; font-size:18pt;}
.T3 {color:#404040; font-size:15pt;}
.LST {color:#404040; font-size:15pt; white-space:nowrap;}
.LST_HID {color:#A0A0A0; font-size:15pt; white-space:nowrap;}
.LST_REC {color:#008000; font-size:15pt; white-space:nowrap;}
.LST_REC_HID {color:#89BE87; font-size:15pt; white-space:nowrap;}
.LST_EDIT {color:#404040; font-weight:bold; font-size:11pt; height:20px; padding-top:0; padding-bottom:0; margin-top:-1px; margin-bottom:-1px; border-width:1px; border-style:solid; border-color:#ECE9D8;}
.LST_EDIT_HID {color:#A0A0A0; font-weight:bold; font-size:11pt; height:20px; padding-top:0; padding-bottom:0; margin-top:-1px; margin-bottom:-1px; border-width:1px; border-style:solid; border-color:#ECE9D8;}
.LST_EDIT_REC {color:#008000; font-weight:bold; font-size:11pt; height:20px; padding-top:0; padding-bottom:0; margin-top:-1px; margin-bottom:-1px; border-width:1px; border-style:solid; border-color:#ECE9D8;}
.LST_EDIT_REC_HID {color:#89BE87; font-weight:bold; font-size:11pt; height:20px; padding-top:0; padding-bottom:0; margin-top:-1px; margin-bottom:-1px; border-width:1px; border-style:solid; border-color:#ECE9D8;}
.USR_ID {color:#404040; font-size:20pt; font-weight:bold;}
.DAT {color:#707070; font-size:20pt;}
.DAT_GREEN {color:#008000; font-size:20pt;}
.DAT_LIGHT {color:#A0A0A0; font-size:20pt;}
.DAT_NOBR {color:#707070; font-size:20pt; white-space:nowrap;}
.DAT_N {color:#404040; font-size:20pt;}
.DAT_NOBR_N {color:#404040; font-size:20pt; white-space:nowrap;}
/*********************** Line in top part of a table row *********************/
.LINE_TOP
{
color:#404040;
font-size:20pt;
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:#707070; font-size:18pt;}
.DAT_SMALL_LIGHT {font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#A0A0A0; font-size:18pt;}
.DAT_SMALL_NOBR {font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#707070; font-size:18pt; white-space:nowrap;}
.DAT_SMALL_N {font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#404040; font-size:18pt;}
.DAT_SMALL_NOBR_N {font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#404040; font-size:18pt; white-space:nowrap;}
.DAT_SMALL_GREY {font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#707070; font-size:18pt;}
.DAT_SMALL_RED {font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#FF0000; font-size:18pt;}
.DAT_SMALL_GREEN {font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#008000; font-size:18pt;}
.DAT_SMALL_BLUE {font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#0080FF; font-size:18pt;}
.DAT_SMALL_YELLOW {font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#C0C000; font-size:18pt;}
.HEAD_REC {font-Family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:#808080; font-size:20pt;}
.HEAD_REC_SMALL {font-Family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:#808080; font-size:15pt;}
.REC_NAME {color:#808080; font-size:25pt; font-weight:bold;}
.REC_NICK {color:#808080; font-size:20pt; font-weight:bold;}
.DAT_REC {color:#404040; font-size:18pt; line-height:110%;}
.DAT_REC_SMALL {color:#808080; font-size:18pt; line-height:110%;}
.DAT_REC_SMALL_BOLD {color:#202020; font-size:18pt; line-height:110%;}
.MSJ_AVISO {color:#632921; font-size:15pt;}
.TIT_TBL {color:#4D88A1; font-size:18pt; font-weight:bold;}
.TIT_CLASSPHOTO {font-Family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:#606060; font-size:13pt;}
.CLASSPHOTO {color:#606060; font-size:13pt; line-height:100%; white-space:nowrap;}
.GRP_TITLE {color:#4D88A1; font-size:20pt; font-weight:bold;}
.ASG_TITLE {color:#4D88A1; font-size:20pt; font-weight:bold;}
.ASG_TITLE_LIGHT {color:#AFC4CC; font-size:20pt; font-weight:bold;}
.ASG_GRP {color:#4D88A1; font-size:15pt;}
.ASG_GRP_LIGHT {color:#AFC4CC; font-size:15pt;}
.DATE_GREEN {color:#008000; font-size:18pt;}
.DATE_GREEN_LIGHT {color:#89BE87; font-size:18pt;}
.DATE_RED {color:#FF0000; font-size:18pt;}
.DATE_RED_LIGHT {color:#F98A8A; font-size:18pt;}
.ASG_LST_DATE_GREEN {color:#008000; font-size:15pt; white-space:nowrap;}
.ASG_LST_DATE_RED {color:#FF0000; font-size:15pt; white-space:nowrap;}
.STATUS_GREEN {color:#008000; font-size:18pt;}
.STATUS_GREEN_LIGHT {color:#89BE87; font-size:18pt;}
.STATUS_RED {color:#FF0000; font-size:18pt;}
.STATUS_RED_LIGHT {color:#F98A8A; font-size:18pt;}
/********************************** Tests ************************************/
.ANS {color:#404040; font-size:20pt; font-weight:bold;}
.ANS_OK {color:#008000; font-size:20pt; font-weight:bold;}
.ANS_BAD {color:#FF0000; font-size:20pt; font-weight:bold;}
.TST_TIT {color:#404040; font-size:25pt;}
.TEST {color:#404040; font-size:18pt;}
.TEST_EXA {color:#404040; font-size:18pt;}
.TEST_EXA_LIGHT {color:#A0A0A0; font-size:18pt;}
.TEST_EDI {color:#404040; font-size:18pt;}
.TEST_EDI_LIGHT {color:#A0A0A0; font-size:18pt;}
.HOR {font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#345C6C; font-size:15pt; line-height:110%; letter-spacing:0;}
.FREE0 {background-color:#F4F2EA; border:solid 1px; border-color:#F4F2EA #E0D9C2 #EEEADC #F4F2EA;}
.FREE1 {background-color:#F4F2EA; border:solid 1px; border-color:#F4F2EA #E0D9C2 #E0D9C2 #F4F2EA;}
.FREE2 {background-color:#FBFAF7; border:solid 1px; border-color:#FBFAF7 #E0D9C2 #F5F2E9 #FBFAF7;}
.FREE3 {background-color:#FBFAF7; border:solid 1px; border-color:#FBFAF7 #E0D9C2 #E0D9C2 #FBFAF7;}
.THEO {background-color:#C0DAE4; border:solid 2px; border-color:#C9E3ED #B5CFD9 #B5CFD9 #C9E3ED;}
.PRAC {background-color:#DBE5E9; border:solid 2px; border-color:#E4EEF2 #D0DADE #D0DADE #E4EEF2;}
.TUTO {background-color:#D6E9C3; border:solid 2px; border-color:#DFEEE0 #CAE3B1 #CAE3B1 #DFEEE0;}
.CUR_TIME {color:#BAD2DA; font-size:15pt; font-weight:bold;}
.USR_LIST_TYPE_OFF {border:solid 1px; border-color:white;}
.USR_LIST_TYPE_ON {border:solid 1px; border-color:#50B800;}
.LAYOUT_OFF {height:40px; text-align:center; vertical-align:middle; border:solid 1px; border-color:white; background-color:white;}
.LAYOUT_ON {height:40px; text-align:center; vertical-align:middle; border:solid 1px; border-color:#C0DAE4; background-color:#DDECF1;}
.LOG {font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#606060; font-size:11pt;}
.LOG_R {font-Family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#FF0000; font-size:11pt;}
.MSG_TXT {font-Family:"Courier New","DejaVu LGC Sans Mono","Bitstream Vera Sans Mono",monospace; color:#404040; font-size:12pt;}
.MSG_TIT {color:#4D88A1; font-size:12pt;}
.MSG_TIT_NEW {color:#4D88A1; font-size:12pt; font-weight:bold;}
.MSG_TIT_REM {color:#AFC4CC; font-size:12pt;}
.MSG_TIT_BG
{
background-image:linear-gradient(#eaf3f6 0,#eaf3f6 80%,white 100%);
background-repeat:no-repeat;
background-repeat:repeat-x;
color:#4D88A1;
font-size:12pt;
}
.MSG_TIT_BG_NEW
{
background-image:linear-gradient(#f5ffd7 0,#f5ffd7 80%,white 100%);
background-repeat:no-repeat;
color:#4D88A1;
font-size:12pt;
font-weight:bold;
}
.MSG_TIT_BG_REM
{
background-image:linear-gradient(#f3fcff 0,#f3fcff 80%,white 100%);
background-repeat:no-repeat;
color:#AFC4CC;
font-size:12pt;
}
.MSG_AUT {color:#4D88A1; font-size:11pt;}
.MSG_AUT_LIGHT {color:#AFC4CC; font-size:11pt;}
.MSG_AUT_NEW {color:#4D88A1; font-size:11pt; font-weight:bold;}
.MSG_AUT_BG
{
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: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: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:left; vertical-align:top;}
.BT0 {width:20px; text-align:left; vertical-align:top; background-color:#F4F2EA;}
.BT1 {width:20px; text-align:left; vertical-align:top; background-color:#FBFAF7;}
.BM {width:20px; text-align:left; vertical-align:middle;}
.BM_SEL {width:20px; text-align:left; vertical-align:middle; background-color:#C0FF40;}
.BM0 {width:20px; text-align:left; vertical-align:middle; background-color:#F4F2EA;}
.BM1 {width:20px; text-align:left; vertical-align:middle; background-color:#FBFAF7;}
/***************************** Calls for exams *******************************/
.CONV_TIT
{
font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
color:#404040;
font-weight:bold;
font-size:18pt;
}
.CONV_TIT_IMPR
{
font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
color:#202020;
font-weight:bold;
font-size:18pt;
}
.CONV_NEG
{
font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
color:#404040;
font-weight:bold;
font-size:13pt;
white-space:nowrap;
}
.CONV_NEG_IMPR
{
font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
color:#202020;
font-weight:bold;
font-size:13pt;
white-space:nowrap;
}
.CONV
{
font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
color:#404040;
font-size:9pt;
}
.CONV_IMPR
{
font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
color:#202020;
font-size:9pt;
}
/***************************** Public user's profile *************************/
.FOLLOW
{
color:#C0C0C0;
font-size:35pt;
font-weight:bold;
}
.FOLLOW_B
{
color:#000000;
font-size:35pt;
font-weight:bold;
}
.PRF_ICON_CONTAINER
{
width:25px;
}
.PRF_ICON
{
margin:auto;
display:block;
width:20px;
height:20px;
opacity:0.33;
}
.PRF_FIG
{
text-align:left;
vertical-align:middle;
}
.CON {color:#B8D070; font-size:11pt; line-height:110%; white-space:nowrap;}
.CON_CRS {color:#398000; font-size:11pt; line-height:110%; white-space:nowrap;}
/*************************** 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;
}
/********************* Used to align buttons in account forms ****************/
.FORM_ACCOUNT
{
display:inline-block;
min-width:312px;
}
Reference in New Issue View Git Blame Copy Permalink