mirror of
https://github.com/acanas/swad-core.git
synced 2024-09-22 00:00:40 +02:00
1244 lines
33 KiB
CSS
1244 lines
33 KiB
CSS
/* 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-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:12pt; vertical-align:middle;}
|
|
select {font-size:12pt;}
|
|
textarea {font-size:12pt;}
|
|
table
|
|
{
|
|
border-width:0;
|
|
border-style:none;
|
|
border-spacing:0;
|
|
}
|
|
table th
|
|
{
|
|
padding:0;
|
|
color:#4D88A1;
|
|
font-size:12pt;
|
|
font-weight:bold;
|
|
}
|
|
table td
|
|
{
|
|
padding:0;
|
|
}
|
|
img {border-width:0; border-style:none;}
|
|
form {margin:0; display:inline;}
|
|
hr.WHITE_SEPARA {height:0; border-top:0; border-bottom:#707070 dotted 1px;}
|
|
hr.GREY_SEPARA {height:0; border-top:0; border-bottom:#707070 dotted 1px;}
|
|
hr.BLUE_SEPARA {height:0; border-top:0; border-bottom:#4D88A1 dotted 1px;}
|
|
hr.YELLOW_SEPARA {height:0; border-top:0; border-bottom:#BD4815 dotted 1px;}
|
|
|
|
/********************************** Background *******************************/
|
|
.WHITE_BACKGROUND
|
|
{
|
|
background-image:linear-gradient(black 0,black 40px,white 40px,#cfcfce 40px,white 80px,white 100%);
|
|
background-repeat:no-repeat;
|
|
}
|
|
.GREY_BACKGROUND
|
|
{
|
|
background-image:linear-gradient(#383838 0,#404040 26px,#404040 185px,white 185px,white 100%);
|
|
background-repeat:no-repeat;
|
|
}
|
|
.BLUE_BACKGROUND
|
|
{
|
|
background-image:linear-gradient(#5fa5df 0,#4f90c8 26px,#4f90c8 185px,white 185px,white 100%);
|
|
background-repeat:no-repeat;
|
|
}
|
|
.YELLOW_BACKGROUND
|
|
{
|
|
background-image:linear-gradient(#201420 0,#201420 185px,white 185px,white 100%);
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
.WHITE_HEAD_ROW_1 {background-color:black;}
|
|
.GREY_HEAD_ROW_1 {background-image:linear-gradient(#383838 0,#383838 26px,#404040 100%); background-repeat:no-repeat;}
|
|
.BLUE_HEAD_ROW_1 {background-image:linear-gradient(#5fa5df 0,#4f90c8 26px,#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;
|
|
}
|
|
|
|
/****************** Title of current action in main block ********************/
|
|
#action_title
|
|
{
|
|
width:375px;
|
|
min-height:68px;
|
|
clear:both;
|
|
margin:0 auto;
|
|
background-repeat:no-repeat;
|
|
background-position:12px 0;
|
|
padding:12px 12px 12px 105px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.WHITE_TITLE_ACTION {color:#606060; font-size:20pt;}
|
|
.GREY_TITLE_ACTION {color:#606060; font-size:20pt;}
|
|
.BLUE_TITLE_ACTION {color:#4D88A1; font-size:20pt;}
|
|
.YELLOW_TITLE_ACTION {color:#BD4815; font-size:20pt;}
|
|
|
|
.WHITE_SUBTITLE_ACTION {color:#606060; font-size:12pt;}
|
|
.GREY_SUBTITLE_ACTION {color:#606060; font-size:12pt;}
|
|
.BLUE_SUBTITLE_ACTION {color:#4D88A1; font-size:12pt;}
|
|
.YELLOW_SUBTITLE_ACTION {color:#BD4815; font-size:12pt;}
|
|
|
|
/************************* Users connected globally **************************/
|
|
.CONNECTED
|
|
{
|
|
margin:0 auto;
|
|
border-style:solid;
|
|
border-width:1px;
|
|
border-color:#80C040;
|
|
padding:5px;
|
|
border-radius:4px;
|
|
font-size:12pt;
|
|
color:#398000;
|
|
overflow:hidden;
|
|
}
|
|
|
|
/*************************** Most frequent actions ***************************/
|
|
#MFU_actions
|
|
{
|
|
width:138px;
|
|
margin:0;
|
|
border-style:solid;
|
|
border-width:1px;
|
|
border-color:#8CBCCE;
|
|
padding:5px;
|
|
border-radius:4px;
|
|
font-size:11pt;
|
|
color:#4D88A1;
|
|
overflow:hidden;
|
|
}
|
|
.MFU_ACT
|
|
{
|
|
color:#4D88A1;
|
|
font-size:11pt;
|
|
}
|
|
|
|
/*********************************** Month ***********************************/
|
|
.MONTH_CONTAINER
|
|
{
|
|
width:138px;
|
|
margin:0;
|
|
padding:5px;
|
|
border-style:solid;
|
|
border-width:1px;
|
|
border-color:#8CBCCE;
|
|
border-radius:4px;
|
|
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:8px auto;
|
|
padding:10px 20px;
|
|
border-radius:4px;
|
|
box-shadow:0 1px 0 rgba(255,255,255,0.15) inset;
|
|
}
|
|
.BT_SUBMIT_INLINE
|
|
{
|
|
min-width:180px;
|
|
color:white;
|
|
font-size:15px;
|
|
font-weight:bold;
|
|
line-height:normal;
|
|
margin:0 5px;
|
|
padding:5px 10px;
|
|
border-radius:4px;
|
|
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:left;
|
|
overflow:hidden;
|
|
}
|
|
.NOTICE_DATE
|
|
{
|
|
float:right;
|
|
font-size:12pt;
|
|
color:#404040;
|
|
text-align:right;
|
|
overflow:hidden;
|
|
display:inline-block;
|
|
}
|
|
.NOTICE_SUBJECT
|
|
{
|
|
margin:12px auto;
|
|
font-size:15pt;
|
|
font-weight:bold;
|
|
color:#404040;
|
|
text-align:center;
|
|
overflow:hidden;
|
|
}
|
|
.NOTICE_TEXT
|
|
{
|
|
clear:both;
|
|
font-size:12pt;
|
|
color:#000080;
|
|
overflow:hidden;
|
|
}
|
|
.NOTICE_AUTHOR
|
|
{
|
|
font-size:12pt;
|
|
color:#404040;
|
|
text-align:right;
|
|
overflow:hidden;
|
|
}
|
|
|
|
/**************************** Institutional links ****************************/
|
|
#institutional_links
|
|
{
|
|
width:138px;
|
|
margin:0;
|
|
border-style:solid;
|
|
border-width:1px;
|
|
border-color:#8CBCCE;
|
|
padding:5px;
|
|
border-radius:4px;
|
|
font-size:11pt;
|
|
color:#4D88A1;
|
|
overflow:hidden;
|
|
}
|
|
.INS_LNK
|
|
{
|
|
padding:1px;
|
|
font-size:11pt;
|
|
color:#4D88A1;
|
|
}
|
|
|
|
#CENTRAL_ZONE
|
|
{
|
|
min-width:925px;
|
|
min-height:925px;
|
|
width:100%;
|
|
margin:-8px 0 0 0;
|
|
padding:10px 0;
|
|
border-radius:6px;
|
|
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:8px auto 0 auto;
|
|
background-color:#FFF9E0;
|
|
background-repeat:no-repeat;
|
|
background-position:12px 12px;
|
|
padding:12px 12px 12px 45px;
|
|
border-radius:4px;
|
|
box-shadow:1px 1px 3px #CCC7B4;
|
|
font-size:12pt;
|
|
color:#632921;
|
|
text-align:justify;
|
|
overflow:hidden;
|
|
display:inline-block;
|
|
}
|
|
|
|
/*********************************** Icons ***********************************/
|
|
.ICON16x16 {width:20px; height:20px; vertical-align:middle;}
|
|
.ICON16x12B {width:20px; height:15px; vertical-align:middle; display:block;}
|
|
.ICON16x16B {width:20px; height:20px; vertical-align:middle; display:block;}
|
|
.ICON20x20 {width:25px; height:25px; vertical-align:middle;}
|
|
.ICON28x28 {width:32px; height:32px; 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;}
|
|
.ICON8x800 {width:10px; height:1000px;}
|
|
.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:6px 0 8px 0;
|
|
text-align:center;
|
|
}
|
|
.CONTEXT_OPT
|
|
{
|
|
display:inline;
|
|
margin-left:9px;
|
|
margin-right:9px;
|
|
}
|
|
|
|
/********************************* Frame 10 **********************************/
|
|
.FRAME10
|
|
{
|
|
margin:5px 0;
|
|
padding:12px;
|
|
background-color:white;
|
|
border-radius:4px;
|
|
box-shadow:1px 1px 2px #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:4px;
|
|
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:20pt;
|
|
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:13px auto 0 auto;
|
|
font-size:13pt;
|
|
font-weight:bold;
|
|
color:#94745C;
|
|
text-align:center;
|
|
}
|
|
|
|
/********** Title of country,institution,centre,degree,course ************/
|
|
.TITLE_LOCATION
|
|
{
|
|
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:15px; margin:18px;
|
|
border:solid 1px #EEE;
|
|
box-shadow:1px 1px 6px #999;
|
|
}
|
|
|
|
/**************** Attribution (author and license) of images *****************/
|
|
.ATTRIBUTION
|
|
{
|
|
color:#A0A0A0;
|
|
font-size:8pt;
|
|
max-width:500px;
|
|
text-align:center;
|
|
}
|
|
|
|
/******************************* User's photo ********************************/
|
|
.PHOTO12x16 {width: 15px; height: 20px; vertical-align:middle; border-radius:2px;}
|
|
.PHOTO12x16B {width: 15px; height: 20px; vertical-align:middle; border-radius:2px; display:block; margin:0 auto;}
|
|
.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:2px;}
|
|
.PHOTO36x48 {width: 45px; height: 60px; vertical-align:middle; border-radius:3px;}
|
|
.PHOTO75x100 {width: 93px; height:124px; vertical-align:middle; border-radius:4px;}
|
|
.PHOTO150x200 {width:186px; height:248px; vertical-align:middle; border-radius:8px;}
|
|
.IMG_USR
|
|
{
|
|
width:186px;
|
|
height:248px;
|
|
border-radius:4px;
|
|
}
|
|
.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:6px;
|
|
box-shadow:2px 5px 15px #888;
|
|
}
|
|
.ZOOM_TXT
|
|
{
|
|
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:15pt; font-weight:bold; white-space:nowrap;}
|
|
.GREY_DEGREE {color:#FFB42E; font-size:15pt; font-weight:bold; white-space:nowrap;}
|
|
.BLUE_DEGREE {color:#FFE880; font-size:15pt; font-weight:bold; white-space:nowrap;}
|
|
.YELLOW_DEGREE {color:#FFC040; font-size:15pt; font-weight:bold; white-space:nowrap;}
|
|
|
|
.WHITE_COURSE {color:#4D88A1; font-size:25pt; white-space:nowrap;}
|
|
.GREY_COURSE {font-family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:#F7F6F5; font-size:25pt; white-space:nowrap;}
|
|
.BLUE_COURSE {font-family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:white; font-size:25pt; white-space:nowrap;}
|
|
.YELLOW_COURSE {font-family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:white; font-size:25pt; white-space:nowrap;}
|
|
|
|
.WHITE_HEAD {color:#E0E0E0; font-size:12pt; white-space:nowrap;}
|
|
.GREY_HEAD {color:#E0E0E0; font-size:12pt; white-space:nowrap;}
|
|
.BLUE_HEAD {color:white; font-size:12pt; white-space:nowrap;}
|
|
.YELLOW_HEAD {color:#B3B0B3; font-size:12pt; white-space:nowrap;}
|
|
|
|
.WHITE_CUR_TIME {color:#808080; font-size:15pt; font-weight:bold;}
|
|
.GREY_CUR_TIME {color:#E0E0E0; font-size:15pt; font-weight:bold;}
|
|
.BLUE_CUR_TIME {color:#BAD2DA; font-size:15pt; font-weight:bold;}
|
|
.YELLOW_CUR_TIME {color:#B3B0B3; font-size:15pt; font-weight:bold;}
|
|
|
|
.WHITE_NOTIF {color:#707070; font-size:12pt; white-space:nowrap;}
|
|
.GREY_NOTIF {color:#E0E0E0; font-size:12pt; white-space:nowrap;}
|
|
.BLUE_NOTIF {color:white; font-size:12pt; white-space:nowrap;}
|
|
.YELLOW_NOTIF {color:#B3B0B3; font-size:12pt; white-space:nowrap;}
|
|
|
|
.WHITE_USR {color:#E0E0E0; font-size:15pt; font-weight:bold; white-space:nowrap;}
|
|
.GREY_USR {color:#E0E0E0; font-size:15pt; font-weight:bold; white-space:nowrap;}
|
|
.BLUE_USR {color:white; font-size:15pt; font-weight:bold; white-space:nowrap;}
|
|
.YELLOW_USR {color:#B3B0B3; font-size:15pt; 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:18pt;}
|
|
.GREY_TITLE {color:#505050; font-size:18pt;}
|
|
.BLUE_TITLE {color:#4D88A1; font-size:18pt;}
|
|
.YELLOW_TITLE {color:#BD4815; font-size:18pt;}
|
|
|
|
/**************************** Icon highlighting ******************************/
|
|
.ICON_HIDDEN
|
|
{
|
|
opacity:0.2;
|
|
}
|
|
.ICON_HIGHLIGHT
|
|
{
|
|
opacity:0.67;
|
|
}
|
|
.ICON_HIGHLIGHT:hover
|
|
{
|
|
opacity:1;
|
|
}
|
|
.ICON_SCALING
|
|
{
|
|
display:inline-block;
|
|
}
|
|
.ICON_SCALING:hover
|
|
{
|
|
opacity:1;
|
|
transform:scale(1.2,1.2);
|
|
}
|
|
.ICON_SCALED
|
|
{
|
|
display:inline-block;
|
|
opacity:1;
|
|
transform:scale(1.2,1.2);
|
|
}
|
|
|
|
/*********************************** Tabs ************************************/
|
|
#tabs_container
|
|
{
|
|
width:672px; /* 112 px * 6 visible tabs */
|
|
height:64px;
|
|
margin:0 auto;
|
|
}
|
|
.TAB_OFF
|
|
{
|
|
float:left;
|
|
width:108px;height:70px;
|
|
margin:1px 1px 0 1px;
|
|
padding:0 1px 0 1px;
|
|
border-radius:6px 6px 0 0;
|
|
box-shadow:inset -2px -2px 1px 0 rgba(50,50,50,0.2);
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
overflow:hidden;
|
|
display:inline-block;
|
|
}
|
|
.TAB_ON
|
|
{
|
|
float:left;
|
|
width:110px; height:72px;
|
|
margin:0;
|
|
padding:1px 1px 0 1px;
|
|
border-radius:6px 6px 0 0;
|
|
box-shadow:inset -2px -2px 1px 0 rgba(50,50,50,0.2);
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
overflow:hidden;
|
|
display:inline-block;
|
|
}
|
|
.WHITE_TAB_OFF
|
|
{
|
|
color:#707070;
|
|
font-size:9pt;
|
|
font-weight:bold;
|
|
line-height:100%;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
}
|
|
.GREY_TAB_OFF
|
|
{
|
|
color:#505050;
|
|
font-size:9pt;
|
|
font-weight:bold;
|
|
line-height:100%;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
}
|
|
.BLUE_TAB_OFF
|
|
{
|
|
color:#365E6E;
|
|
font-size:9pt;
|
|
font-weight:bold;
|
|
line-height:100%;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
}
|
|
.YELLOW_TAB_OFF
|
|
{
|
|
color:#7C4D2A;
|
|
font-size:9pt;
|
|
font-weight:bold;
|
|
line-height:100%;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
}
|
|
.WHITE_TAB_ON
|
|
{
|
|
color:#4D88A1;
|
|
font-size:9pt;
|
|
font-weight:bold;
|
|
line-height:100%;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
}
|
|
.GREY_TAB_ON
|
|
{
|
|
color:#606060;
|
|
font-size:9pt;
|
|
font-weight:bold;
|
|
line-height:100%;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
}
|
|
.BLUE_TAB_ON
|
|
{
|
|
color:#4D88A1;
|
|
font-size:9pt;
|
|
font-weight:bold;
|
|
line-height:100%;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
}
|
|
.YELLOW_TAB_ON
|
|
{
|
|
color:#BD4815;
|
|
font-size:9pt;
|
|
font-weight:bold;
|
|
line-height:100%;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
}
|
|
|
|
/***************************** Horizontal menu *******************************/
|
|
#horizontal_menu_container ul
|
|
{
|
|
display:table;
|
|
list-style-type:none;
|
|
border:0;
|
|
margin:0 auto;
|
|
padding:0 0 4px 0;
|
|
}
|
|
#horizontal_menu_container li
|
|
{
|
|
display:table-cell;
|
|
width:138px; height:64px;
|
|
border:0;
|
|
margin:0;
|
|
padding:0;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
}
|
|
.MENU_OFF
|
|
{
|
|
display:inline-block;
|
|
width:138px; height:64px;
|
|
margin:0;
|
|
padding:0 2px;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
}
|
|
.MENU_ON
|
|
{
|
|
display:inline-block;
|
|
width:138px; height:64px;
|
|
margin:0;
|
|
padding:0;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
/******************************* Vertical menu *******************************/
|
|
#vertical_menu_container
|
|
{
|
|
list-style-type:none;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
.MENU_OPTION
|
|
{
|
|
height:40px;
|
|
clear:both;
|
|
margin:0 auto;
|
|
text-align:left;
|
|
vertical-align:middle;
|
|
background-repeat:no-repeat;
|
|
background-position:2px 2px;
|
|
padding:2px 2px 2px 50px;
|
|
overflow:hidden;
|
|
}
|
|
.MENU_TEXT
|
|
{
|
|
height:40px;
|
|
display:table-cell;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
/********************************* Menu fonts ********************************/
|
|
.WHITE_MENU_OFF {color:#4D88A1; font-size:12pt; font-weight:bold; line-height:110%;}
|
|
.GREY_MENU_OFF {color:#707070; font-size:12pt; font-weight:bold; line-height:110%;}
|
|
.BLUE_MENU_OFF {color:#4D88A1; font-size:12pt; font-weight:bold; line-height:110%;}
|
|
.YELLOW_MENU_OFF {color:#BD4815; font-size:12pt; font-weight:bold; line-height:110%;}
|
|
|
|
.WHITE_MENU_ON {color:#4D88A1; font-size:12pt; font-weight:bold; line-height:110%;}
|
|
.GREY_MENU_ON {color:#606060; font-size:12pt; font-weight:bold; line-height:110%;}
|
|
.BLUE_MENU_ON {color:#4D88A1; font-size:12pt; font-weight:bold; line-height:110%;}
|
|
.YELLOW_MENU_ON {color:#BD4815; font-size:12pt; font-weight:bold; line-height:110%;}
|
|
|
|
/********************************* Form fonts ********************************/
|
|
.WHITE_FORM {color:#4D88A1; font-size:13pt;}
|
|
.GREY_FORM {color:#4D88A1; font-size:13pt;}
|
|
.BLUE_FORM {color:#4D88A1; font-size:13pt;}
|
|
.YELLOW_FORM {color:#7C4D2A; font-size:13pt;}
|
|
|
|
.WHITE_FORM_NOWRAP {color:#4D88A1; font-size:13pt; white-space:nowrap;}
|
|
.GREY_FORM_NOWRAP {color:#4D88A1; font-size:13pt; white-space:nowrap;}
|
|
.BLUE_FORM_NOWRAP {color:#4D88A1; font-size:13pt; white-space:nowrap;}
|
|
.YELLOW_FORM_NOWRAP {color:#7C4D2A; font-size:13pt; white-space:nowrap;}
|
|
|
|
.WHITE_FORM_BOLD {color:#4D88A1; font-size:13pt; font-weight:bold;}
|
|
.GREY_FORM_BOLD {color:#4D88A1; font-size:13pt; font-weight:bold;}
|
|
.BLUE_FORM_BOLD {color:#4D88A1; font-size:13pt; font-weight:bold;}
|
|
.YELLOW_FORM_BOLD {color:#7C4D2A; font-size:13pt; 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:10px;
|
|
text-align:center;
|
|
color:#808080;
|
|
font-size:10pt;
|
|
}
|
|
|
|
/*********************************** 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: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;}
|
|
|
|
.T1 {color:#404040; font-size:15pt;}
|
|
.T2 {color:#404040; font-size:13pt;}
|
|
.T3 {color:#404040; font-size:12pt;}
|
|
|
|
.LST {color:#404040; 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 {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:18pt; font-weight:bold;}
|
|
|
|
.DAT {color:#707070; font-size:13pt;}
|
|
.DAT_GREEN {color:#008000; font-size:13pt;}
|
|
.DAT_LIGHT {color:#A0A0A0; font-size:13pt;}
|
|
.DAT_NOBR {color:#707070; font-size:13pt; white-space:nowrap;}
|
|
.DAT_N {color:#404040; font-size:13pt;}
|
|
.DAT_NOBR_N {color:#404040; font-size:13pt; white-space:nowrap;}
|
|
|
|
/*********************** Line in top part of a table row *********************/
|
|
.DAT_N_LINE_TOP
|
|
{
|
|
color:#404040;
|
|
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:#707070; 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:#707070; font-size:12pt; white-space:nowrap;}
|
|
.DAT_SMALL_N {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#404040; font-size:12pt;}
|
|
.DAT_SMALL_NOBR_N {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#404040; 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:#FF0000; font-size:12pt;}
|
|
.DAT_SMALL_GREEN {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#008000; 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;}
|
|
|
|
.HEAD_REC {font-family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:#808080; font-size:12pt;}
|
|
.HEAD_REC_SMALL {font-family:Georgia,"DejaVu LGC Serif","Bitstream Vera Serif",serif; color:#808080; font-size:11pt;}
|
|
.REC_NAME {color:#808080; font-size:20pt; font-weight:bold;}
|
|
.REC_NICK {color:#808080; font-size:15pt; font-weight:bold;}
|
|
.DAT_REC {color:#404040; font-size:11pt; line-height:110%;}
|
|
.DAT_REC_SMALL {color:#808080; font-size:11pt; line-height:110%;}
|
|
.DAT_REC_SMALL_BOLD {color:#202020; font-size:11pt; line-height:110%;}
|
|
.MSJ_AVISO {color:#632921; font-size:12pt;}
|
|
.TIT_TBL {color:#4D88A1; font-size:12pt; 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:10pt; line-height:110%; white-space:nowrap;}
|
|
|
|
.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_GRP {color:#4D88A1; font-size:12pt;}
|
|
.ASG_GRP_LIGHT {color:#AFC4CC; font-size:12pt;}
|
|
.DATE_GREEN {color:#008000; font-size:13pt;}
|
|
.DATE_GREEN_LIGHT {color:#89BE87; font-size:13pt;}
|
|
.DATE_RED {color:#FF0000; font-size:13pt;}
|
|
.DATE_RED_LIGHT {color:#F98A8A; font-size:13pt;}
|
|
|
|
.ASG_LST_DATE_GREEN {color:#008000; font-size:11pt; white-space:nowrap;}
|
|
.ASG_LST_DATE_RED {color:#FF0000; font-size:11pt; white-space:nowrap;}
|
|
|
|
.STATUS_GREEN {color:#008000; font-size:12pt;}
|
|
.STATUS_GREEN_LIGHT {color:#89BE87; font-size:12pt;}
|
|
.STATUS_RED {color:#FF0000; font-size:12pt;}
|
|
.STATUS_RED_LIGHT {color:#F98A8A; font-size:12pt;}
|
|
|
|
/********************************** Tests ************************************/
|
|
.ANS {color:#404040; font-size:13pt; font-weight:bold;}
|
|
.ANS_OK {color:#008000; font-size:13pt; font-weight:bold;}
|
|
.ANS_BAD {color:#FF0000; font-size:13pt; font-weight:bold;}
|
|
.TEST {color:#404040; font-size:12pt;}
|
|
.TEST_EXA {color:#404040; font-size:12pt;}
|
|
.TEST_EXA_LIGHT {color:#A0A0A0; font-size:12pt;}
|
|
.TEST_EDI {color:#404040; font-size:12pt;}
|
|
.TEST_EDI_LIGHT {color:#A0A0A0; font-size:12pt;}
|
|
|
|
.HOR {font-family:"Arial Narrow","Nimbus Sans L","DejaVu LGC Sans Condensed",sans-serif; color:#345C6C; font-size:10pt; 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;}
|
|
|
|
.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;
|
|
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: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;}
|
|
|
|
/***************************** 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;
|
|
text-align:right;
|
|
}
|
|
.CONV
|
|
{
|
|
font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
|
|
color:#404040;
|
|
font-size:13pt;
|
|
}
|
|
.CONV_IMPR
|
|
{
|
|
font-family:Garamond,"DejaVu LGC Serif","Bitstream Vera Serif",serif;
|
|
color:#202020;
|
|
font-size:13pt;
|
|
}
|
|
|
|
/***************************** Public user's profile *************************/
|
|
.FOLLOW
|
|
{
|
|
color:#C0C0C0;
|
|
font-size:30pt;
|
|
font-weight:bold;
|
|
}
|
|
.FOLLOW_B
|
|
{
|
|
color:#404040;
|
|
font-size:30pt;
|
|
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;
|
|
}
|
|
|
|
/********************************** Page foot ********************************/
|
|
.FOOT_LIST_CONTAINER
|
|
{
|
|
position:relative;
|
|
float:left;
|
|
}
|
|
.FOOT_LIST_TITLE
|
|
{
|
|
color:#666;
|
|
font-size:1em;
|
|
font-weight:bold;
|
|
white-space:nowrap;
|
|
}
|
|
.FOOT_LIST
|
|
{
|
|
list-style-type:none;
|
|
margin:0;
|
|
padding:0;
|
|
border-width:0;
|
|
font-size:0.9em;
|
|
white-space:nowrap;
|
|
line-height:140%;
|
|
}
|
|
.FOOT_LINK
|
|
{
|
|
color:#2C90C9;
|
|
}
|
|
.FOOT
|
|
{
|
|
color:#A0A0A0;
|
|
font-size:10pt;
|
|
}
|