2014-12-01 23:55:08 +01:00
/* 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 .
2014-12-27 00:28:19 +01:00
This file is part of SWAD core .
2015-01-01 14:34:06 +01:00
Copyright ( C ) 1999-2015 Antonio Ca <EFBFBD> as Vargas
2014-12-27 00:28:19 +01:00
This program is free software : you can redistribute it and / or modify
it under the terms of the GNU Affero General 3 License as
2015-09-23 19:21:47 +02:00
published by the Free Software Foundation , either version 3 of the
License , or ( at your option ) any later version .
2014-12-01 23:55:08 +01:00
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
2015-09-23 19:21:47 +02:00
along with this program . If not , see < http : / / www . gnu . org / licenses / > .
2014-12-01 23:55:08 +01:00
* /
2014-12-31 19:51:49 +01:00
a : link { text-decoration : none ; }
a : visited { text-decoration : none ; }
a : active { text-decoration : none ; }
2015-01-01 14:34:06 +01:00
a : hover { text-decoration : underline ; }
2014-12-31 19:51:49 +01:00
2014-12-21 14:47:04 +01:00
body
{
2014-12-23 22:47:09 +01:00
margin : 0 ;
2014-12-21 14:47:04 +01:00
background-color : white ;
2014-12-30 12:37:15 +01:00
font-family : "Helvetica Neue" , Helvetica , Arial , sans-serif ;
2015-09-27 10:17:26 +02:00
font-size : 1 . 5em ;
2014-12-21 14:47:04 +01:00
}
2015-09-23 14:31:47 +02:00
input { font-size : 15 pt ; vertical-align : middle ; }
select { font-size : 15 pt ; }
textarea { font-size : 15 pt ; }
2014-12-21 17:38:32 +01:00
table
{
2014-12-23 22:47:09 +01:00
border-width : 0 ;
2014-12-21 17:38:32 +01:00
border-style : none ;
2014-12-23 22:47:09 +01:00
border-spacing : 0 ;
2014-12-21 17:38:32 +01:00
}
2014-12-21 19:43:39 +01:00
table th
{
2014-12-23 22:47:09 +01:00
padding : 0 ;
2015-09-06 20:02:14 +02:00
color : # 4D88A1 ;
2015-09-23 14:31:47 +02:00
font-size : 15pt ;
2015-09-06 20:02:14 +02:00
font-weight : bold ;
2014-12-21 19:43:39 +01:00
}
table td
{
2014-12-23 22:47:09 +01:00
padding : 0 ;
2014-12-21 19:43:39 +01:00
}
2014-12-23 22:47:09 +01:00
img { border-width : 0 ; border-style : none ; }
form { margin : 0 ; display : inline ; }
hr . WHITE_SEPARA { height : 0 ; border-top : 0 ; border-bottom : #707070 dotted 1 px ; }
hr . GREY_SEPARA { height : 0 ; border-top : 0 ; border-bottom : #707070 dotted 1 px ; }
hr . BLUE_SEPARA { height : 0 ; border-top : 0 ; border-bottom : #4D88A1 dotted 1 px ; }
hr . YELLOW_SEPARA { height : 0 ; border-top : 0 ; border-bottom : #BD4815 dotted 1 px ; }
2014-12-01 23:55:08 +01:00
2015-09-27 19:31:10 +02:00
/********************************** Background *******************************/
2015-09-27 21:03:08 +02:00
. WHITE_BACKGROUND { background : linear-gradient ( black 0 , black 48 px , white 48 px , #cfcfce 48 px , white 88 px , white 100 % ) ; background-repeat : no-repeat ; }
. GREY_BACKGROUND { background : linear-gradient ( #383838 0 , #404040 32 px , #404040 228 px , white 228 px , white 100 % ) ; background-repeat : no-repeat ; }
. BLUE_BACKGROUND { background : linear-gradient ( #5fa5df 0 , #4f90c8 32 px , #4f90c8 228 px , white 228 px , white 100 % ) ; background-repeat : no-repeat ; }
. YELLOW_BACKGROUND { background : linear-gradient ( #201420 0 , #201420 228 px , white 228 px , white 100 % ) ; background-repeat : no-repeat ; }
2015-09-27 19:31:10 +02:00
. WHITE_HEAD_ROW_1 { background-color : black ; }
2015-09-27 21:03:08 +02:00
. GREY_HEAD_ROW_1 { background : linear-gradient ( #383838 0 , #383838 32 px , #404040 100 % ) ; background-repeat : no-repeat ; }
. BLUE_HEAD_ROW_1 { background : linear-gradient ( #5fa5df 0 , #4f90c8 32 px , #4f90c8 100 % ) ; background-repeat : no-repeat ; }
2015-09-27 19:31:10 +02:00
. YELLOW_HEAD_ROW_1 { background-color : #201420 ; }
2015-08-06 12:31:05 +02:00
/************* Institution / Centre / Degree logo in top title ***************/
. TOP_LOGO
{
2015-09-23 14:31:47 +02:00
margin-right : 12px ;
2015-08-06 12:31:05 +02:00
text-align : left ;
2015-09-07 21:00:00 +02:00
vertical-align : top ! important ;
2015-08-06 12:31:05 +02:00
}
2014-12-01 23:55:08 +01:00
/****************** Title of current action in main block ********************/
# action_title
{
2015-09-23 14:31:47 +02:00
width : 450px ;
min-height : 81px ;
2014-12-01 23:55:08 +01:00
clear : both ;
margin : 0 auto ;
background-repeat : no-repeat ;
2015-09-23 14:31:47 +02:00
background-position : 15px 0 ;
padding : 15px 15px 15px 126px ;
2014-12-01 23:55:08 +01:00
overflow : hidden ;
}
2015-09-23 14:31:47 +02:00
. WHITE_TITLE_ACTION { color : #606060 ; font-size : 24 pt ; }
. GREY_TITLE_ACTION { color : #606060 ; font-size : 24 pt ; }
. BLUE_TITLE_ACTION { color : #4D88A1 ; font-size : 24 pt ; }
. YELLOW_TITLE_ACTION { color : #BD4815 ; font-size : 24 pt ; }
2014-12-01 23:55:08 +01:00
2015-09-23 14:31:47 +02:00
. WHITE_SUBTITLE_ACTION { color : #606060 ; font-size : 15 pt ; }
. GREY_SUBTITLE_ACTION { color : #606060 ; font-size : 15 pt ; }
. BLUE_SUBTITLE_ACTION { color : #4D88A1 ; font-size : 15 pt ; }
. YELLOW_SUBTITLE_ACTION { color : #BD4815 ; font-size : 15 pt ; }
2014-12-01 23:55:08 +01:00
/************************* Users connected globally **************************/
. CONNECTED
{
2015-09-06 19:51:06 +02:00
margin : 0 auto ;
2014-12-01 23:55:08 +01:00
border-style : solid ;
border-width : 1px ;
border-color : # 80C040 ;
2015-09-23 14:31:47 +02:00
padding : 6px ;
border-radius : 6px ;
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2015-09-24 18:02:21 +02:00
font-size : 14pt ;
2014-12-01 23:55:08 +01:00
color : # 398000 ;
overflow : hidden ;
}
/*************************** Most frequent actions ***************************/
# MFU_actions
{
2015-09-23 14:31:47 +02:00
width : 165px ;
2014-12-01 23:55:08 +01:00
margin : 0 ;
border-style : solid ;
border-width : 1px ;
border-color : # 8CBCCE ;
2015-09-23 14:31:47 +02:00
padding : 6px ;
border-radius : 6px ;
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2015-09-23 14:31:47 +02:00
font-size : 13pt ;
2014-12-01 23:55:08 +01:00
color : # 4D88A1 ;
overflow : hidden ;
}
. MFU_ACT
{
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
color : # 4D88A1 ;
2015-09-23 14:31:47 +02:00
font-size : 13pt ;
2014-12-01 23:55:08 +01:00
}
/*********************************** Month ***********************************/
. MONTH_CONTAINER
{
2015-09-23 14:31:47 +02:00
width : 165px ;
2014-12-01 23:55:08 +01:00
margin : 0 ;
2015-09-23 14:31:47 +02:00
padding : 6px ;
2014-12-01 23:55:08 +01:00
border-style : solid ;
border-width : 1px ;
border-color : # 8CBCCE ;
2015-09-23 14:31:47 +02:00
border-radius : 6px ;
2014-12-01 23:55:08 +01:00
text-align : center ;
overflow : hidden ;
}
. MONTH_TABLE_DAYS
{
2015-09-23 14:31:47 +02:00
width : 165px ;
margin-top : 3px ;
padding-top : 3px ;
2014-12-01 23:55:08 +01:00
border-style : solid ;
border-width : 1px 0 0 0 ;
border-color : # DDECF1 ;
}
2015-07-28 10:15:44 +02:00
. MONTH
{
color : # 4D88A1 ;
2015-09-23 14:31:47 +02:00
font-size : 12pt ;
2015-07-28 10:15:44 +02:00
white-space : nowrap ;
}
. DAY_WRK_HEAD
{
color : # 4D88A1 ;
2015-09-23 14:31:47 +02:00
font-size : 12pt ;
2015-07-28 10:15:44 +02:00
text-align : center ;
}
. DAY_NO_WRK_HEAD
{
color : # FF0000 ;
2015-09-23 14:31:47 +02:00
font-size : 12pt ;
2015-07-28 10:15:44 +02:00
text-align : center ;
}
. DAY_WRK
{
color : # 202020 ;
2015-09-23 14:31:47 +02:00
font-size : 12pt ;
2015-07-28 10:15:44 +02:00
text-align : center ;
}
. DAY_NO_WORK
{
color : # C04080 ;
2015-09-23 14:31:47 +02:00
font-size : 12pt ;
2015-07-28 10:15:44 +02:00
text-align : center ;
}
. DAY_HLD
{
color : # FF0000 ;
2015-09-23 14:31:47 +02:00
font-size : 12pt ;
2015-07-28 10:15:44 +02:00
text-align : center ;
}
. DAY_WRK_LIGHT
{
color : # E0E0E0 ;
2015-09-23 14:31:47 +02:00
font-size : 12pt ;
2015-07-28 10:15:44 +02:00
text-align : center ;
}
. DAY_NO_WORK_LIGHT
{
color : # FFE0FF ;
2015-09-23 14:31:47 +02:00
font-size : 12pt ;
2015-07-28 10:15:44 +02:00
text-align : center ;
}
. DAY_HLD_LIGHT
{
color : # FFE0E0 ;
2015-09-23 14:31:47 +02:00
font-size : 12pt ;
2015-07-28 10:15:44 +02:00
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 ;
}
2014-12-01 23:55:08 +01:00
2015-03-24 17:47:26 +01:00
/********************************* 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 ;
2015-09-23 14:31:47 +02:00
font-size : 24px ;
2015-03-24 17:47:26 +01:00
font-weight : bold ;
line-height : normal ;
2015-09-23 14:31:47 +02:00
margin : 12px ;
padding : 12px 24px ;
border-radius : 6px ;
2015-09-23 19:21:47 +02:00
box-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , 0 . 15 ) inset ;
2015-03-24 17:47:26 +01:00
}
. BT_SUBMIT_INLINE
{
color : white ;
2015-09-23 14:31:47 +02:00
font-size : 18px ;
2015-03-24 17:47:26 +01:00
font-weight : bold ;
line-height : normal ;
2015-09-23 14:31:47 +02:00
margin : 0 6px ;
padding : 6px 12px ;
border-radius : 6px ;
2015-09-23 19:21:47 +02:00
box-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , 0 . 15 ) inset ;
2015-03-24 17:47:26 +01:00
}
. BT_SUBMIT : hover
{
2015-09-27 21:03:08 +02:00
background : linear-gradient ( rgba ( 0 , 0 , 0 , 0 ) , rgba ( 0 , 0 , 0 , 0 . 2 ) ) ;
2015-03-24 17:47:26 +01:00
}
. BT_SUBMIT_INLINE : hover
{
2015-09-27 21:03:08 +02:00
background : linear-gradient ( rgba ( 0 , 0 , 0 , 0 ) , rgba ( 0 , 0 , 0 , 0 . 2 ) ) ;
2015-03-24 17:47:26 +01:00
}
2014-12-01 23:55:08 +01:00
/********************************** Notice ***********************************/
. NOTICE_CONTAINER
{
2015-09-23 14:31:47 +02:00
margin : 12px auto ;
padding : 12px ;
2015-09-27 21:03:08 +02:00
background : linear-gradient ( # EED86C 0 % , # FEED95 15 % , # FAF098 100 % ) ;
2015-09-23 19:21:47 +02:00
box-shadow : 0 9px 12px -6px rgba ( 125 , 113 , 0 , 0 . 8 ) ;
2014-12-01 23:55:08 +01:00
text-align : left ;
overflow : hidden ;
}
. NOTICE_DATE
{
float : right ;
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2015-09-23 14:31:47 +02:00
font-size : 15pt ;
2014-12-01 23:55:08 +01:00
color : # 404040 ;
text-align : right ;
overflow : hidden ;
display : inline-block ;
}
. NOTICE_SUBJECT
{
2015-09-23 14:31:47 +02:00
margin : 15px auto ;
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2015-09-23 14:31:47 +02:00
font-size : 18pt ;
2014-12-01 23:55:08 +01:00
font-weight : bold ;
color : # 404040 ;
text-align : center ;
overflow : hidden ;
}
. NOTICE_TEXT
{
clear : both ;
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2015-09-23 14:31:47 +02:00
font-size : 15pt ;
2014-12-01 23:55:08 +01:00
color : # 000080 ;
overflow : hidden ;
}
. NOTICE_AUTHOR
{
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2015-09-23 14:31:47 +02:00
font-size : 15pt ;
2014-12-01 23:55:08 +01:00
color : # 404040 ;
text-align : right ;
overflow : hidden ;
}
/**************************** Institutional links ****************************/
# institutional_links
{
2015-09-23 14:31:47 +02:00
width : 165px ;
2014-12-01 23:55:08 +01:00
margin : 0 ;
border-style : solid ;
border-width : 1px ;
border-color : # 8CBCCE ;
2015-09-23 14:31:47 +02:00
padding : 6px ;
border-radius : 6px ;
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2015-09-23 14:31:47 +02:00
font-size : 13pt ;
2014-12-01 23:55:08 +01:00
color : # 4D88A1 ;
overflow : hidden ;
}
. INS_LNK
{
2015-07-24 13:51:29 +02:00
padding : 1px ;
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2015-09-23 14:31:47 +02:00
font-size : 13pt ;
2014-12-01 23:55:08 +01:00
color : # 4D88A1 ;
}
# CENTRAL_ZONE
{
2015-09-23 14:31:47 +02:00
min-width : 1110px ;
min-height : 1110px ;
2014-12-01 23:55:08 +01:00
width : 100 % ;
2015-09-23 14:31:47 +02:00
margin : -10px 0 0 0 ;
padding : 12px 0 ;
border-radius : 9px ;
2015-09-23 19:21:47 +02:00
box-shadow : inset -3px -3px 1px 0 rgba ( 50 , 50 , 50 , 0 . 2 ) ;
2014-12-01 23:55:08 +01:00
text-align : center ;
vertical-align : top ;
2014-12-31 13:30:26 +01:00
overflow : hidden ;
2014-12-01 23:55:08 +01:00
position : relative ;
display : inline-block ;
}
/*********************************** Alerts **********************************/
. ALERT
{
2015-09-23 14:31:47 +02:00
margin : 9px auto ;
2015-01-06 22:52:08 +01:00
background-color : # FFF9E0 ;
2014-12-01 23:55:08 +01:00
background-repeat : no-repeat ;
2015-09-23 14:31:47 +02:00
background-position : 15px 15px ;
padding : 15px 15px 15px 54px ;
border-radius : 6px ;
box-shadow : 1px 1px 4px # CCC7B4 ;
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2015-09-23 14:31:47 +02:00
font-size : 15pt ;
2014-12-01 23:55:08 +01:00
color : # 632921 ;
text-align : justify ;
overflow : hidden ;
display : inline-block ;
}
/*********************************** Icons ***********************************/
2015-09-23 14:31:47 +02:00
. ICON16x16 { width : 24 px ; height : 24 px ; vertical-align : middle ; }
. ICON16x16B { width : 24 px ; height : 24 px ; vertical-align : middle ; display : block ; }
. ICON20x20 { width : 30 px ; height : 30 px ; vertical-align : middle ; }
. ICON28x28 { width : 42 px ; height : 42 px ; vertical-align : middle ; }
. ICON32x32 { width : 48 px ; height : 48 px ; vertical-align : middle ; }
. ICON32x32B { width : 48 px ; height : 48 px ; vertical-align : middle ; display : block ; }
. ICON48x48 { width : 72 px ; height : 72 px ; vertical-align : middle ; }
. ICON64x64 { width : 96 px ; height : 96 px ; vertical-align : middle ; }
. ICON128x128 { width : 192 px ; height : 192 px ; vertical-align : middle ; }
. ICON8x800 { width : 12 px ; height : 1200 px ; }
. BANNER { width : 180 px ; height : 60 px ; }
. BANNER_SMALL { width : 90 px ; height : 30 px ; }
2014-12-01 23:55:08 +01:00
2015-04-02 14:22:21 +02:00
/****** Contextual links with small icons and text to go to some action ******/
. CONTEXT_MENU
{
2015-09-23 14:31:47 +02:00
margin-bottom : 15px ;
2015-04-02 18:39:49 +02:00
text-align : center ;
}
. CONTEXT_OPT
{
display : inline ;
2015-09-23 14:31:47 +02:00
margin-right : 22px ;
2015-04-02 14:22:21 +02:00
}
2014-12-01 23:55:08 +01:00
/********************************* Frame 10 **********************************/
. FRAME10
{
2015-09-23 14:31:47 +02:00
margin : 6px 0 ;
padding : 15px ;
2014-12-01 23:55:08 +01:00
background-color : white ;
2015-09-23 14:31:47 +02:00
border-radius : 6px ;
box-shadow : 1px 1px 4px # CCC ;
2014-12-01 23:55:08 +01:00
text-align : center ;
overflow : hidden ;
display : inline-block ;
}
. FRAME10_SHADOW
{
2015-09-23 14:31:47 +02:00
margin : 6px 0 21px 0 ;
padding : 15px ;
2014-12-01 23:55:08 +01:00
background-color : rgba ( 255 , 255 , 255 , 0 . 95 ) ;
border-width : 1px ;
border-style : solid ;
border-color : # C0C0C0 ;
2015-09-23 14:31:47 +02:00
border-radius : 6px ;
box-shadow : 3px 6px 18px # 888 ;
2014-12-01 23:55:08 +01:00
text-align : center ;
overflow : hidden ;
display : inline-block ;
}
. TABLE10
{
width : 100 % ;
}
. TIT_TBL_10
{
2015-09-23 14:31:47 +02:00
margin : 15px ;
2014-12-01 23:55:08 +01:00
color : # 808080 ;
2015-09-23 14:31:47 +02:00
font-size : 24pt ;
2014-12-01 23:55:08 +01:00
font-weight : bold ;
}
2014-12-21 19:43:39 +01:00
. CELLS_PAD_1 th { padding : 1 px ; }
. CELLS_PAD_1 td { padding : 1 px ; }
2015-09-23 14:31:47 +02:00
. CELLS_PAD_2 th { padding : 3 px ; }
. CELLS_PAD_2 td { padding : 3 px ; }
. CELLS_PAD_4 th { padding : 6 px ; }
. CELLS_PAD_4 td { padding : 6 px ; }
. CELLS_PAD_8 th { padding : 12 px ; }
. CELLS_PAD_8 td { padding : 12 px ; }
2015-09-06 15:34:44 +02:00
2014-12-01 23:55:08 +01:00
/*********************************** Title ***********************************/
. TIT
{
2015-09-23 14:31:47 +02:00
margin : 16px auto 0 auto ;
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2015-09-23 14:31:47 +02:00
font-size : 16pt ;
2014-12-01 23:55:08 +01:00
font-weight : bold ;
color : # 94745C ;
text-align : center ;
}
2015-09-23 19:21:47 +02:00
/********** Title of country,institution,centre,degree,course ************/
2014-12-01 23:55:08 +01:00
. TITLE_LOCATION
{
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2015-09-23 14:31:47 +02:00
font-size : 30pt ;
2014-12-01 23:55:08 +01:00
font-weight : bold ;
color : # 808080 ;
2015-07-28 10:15:44 +02:00
text-align : center ;
2014-12-01 23:55:08 +01:00
}
/******************************* Map of country ******************************/
2015-01-16 01:28:42 +01:00
. COUNTRY_MAP_TITLE
{
2015-09-23 14:31:47 +02:00
width : 48px ; height : 48px ;
margin-right : 12px ;
2015-01-16 01:28:42 +01:00
vertical-align : top ;
}
2014-12-01 23:55:08 +01:00
. COUNTRY_MAP_SMALL
{
2015-09-23 14:31:47 +02:00
width : 75px ; height : 75px ;
2014-12-01 23:55:08 +01:00
}
. COUNTRY_MAP_SHOW
{
2015-09-23 14:31:47 +02:00
width : 375px ; height : 375px ;
margin : 12px ;
2014-12-01 23:55:08 +01:00
}
. COUNTRY_MAP_PRINT
{
2015-09-23 14:31:47 +02:00
width : 750px ; height : 750px ;
margin : 15px ;
2014-12-01 23:55:08 +01:00
}
/****************************** Photo of centre ******************************/
. CENTRE_PHOTO_SHOW
{
2015-09-23 14:31:47 +02:00
width : 576px ; height : 384px ;
padding : 7px ; margin : 12px ;
2014-12-01 23:55:08 +01:00
border : solid 1px # EEE ;
}
a : hover img . CENTRE_PHOTO_SHOW
{
border : solid 1px # CCC ;
2015-09-23 14:31:47 +02:00
box-shadow : 1px 1px 7px # 999 ;
2014-12-01 23:55:08 +01:00
}
. CENTRE_PHOTO_PRINT
{
2015-09-23 14:31:47 +02:00
width : 864px ; height : 576px ;
padding : 18px ; margin : 22px ;
2014-12-01 23:55:08 +01:00
border : solid 1px # EEE ;
2015-09-23 14:31:47 +02:00
box-shadow : 1px 1px 7px # 999 ;
2014-12-01 23:55:08 +01:00
}
/**************** Attribution (author and license) of images *****************/
. ATTRIBUTION
{
2015-09-23 19:21:47 +02:00
font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ;
2014-12-01 23:55:08 +01:00
color : # A0A0A0 ;
2015-09-23 14:31:47 +02:00
font-size : 10pt ;
max-width : 600px ;
2015-07-28 10:15:44 +02:00
text-align : center ;
2014-12-01 23:55:08 +01:00
}
/******************************* User's photo ********************************/
2015-09-23 14:31:47 +02:00
. PHOTO12x16 { width : 18 px ; height : 24 px ; vertical-align : middle ; border-radius : 3 px ; }
. PHOTO12x16B { width : 18 px ; height : 24 px ; vertical-align : middle ; border-radius : 3 px ; display : block ; }
. PHOTO15x20 { width : 22 px ; height : 30 px ; vertical-align : middle ; border-radius : 3 px ; }
2015-09-23 19:21:47 +02:00
. PHOTO18x24 { width : 27 px ; height : 36 px ; vertical-align : middle ; border-radius : 3 px ; }
2015-09-23 14:31:47 +02:00
. PHOTO24x32 { width : 36 px ; height : 48 px ; vertical-align : middle ; border-radius : 4 px ; }
. PHOTO36x48 { width : 36 px ; height : 48 px ; vertical-align : middle ; border-radius : 5 px ; }
. PHOTO75x100 { width : 112 px ; height : 150 px ; vertical-align : middle ; border-radius : 7 px ; }
. PHOTO150x200 { width : 225 px ; height : 300 px ; vertical-align : middle ; border-radius : 12 px ; }
2014-12-01 23:55:08 +01:00
. IMG_USR
{
2015-09-23 14:31:47 +02:00
width : 225px ;
height : 300px ;
border-radius : 7px ;
2014-12-01 23:55:08 +01:00
}
. ZOOM
{
position : absolute ;
z-index : 1000 ;
2015-09-23 14:31:47 +02:00
left : -243px ;
top : -450px ;
padding : 7px ;
2014-12-01 23:55:08 +01:00
background-color : rgba ( 255 , 255 , 255 , 0 . 8 ) ;
border-width : 1px ;
border-style : solid ;
border-color : # C0C0C0 ;
2015-09-23 14:31:47 +02:00
border-radius : 12px ;
box-shadow : 3px 6px 18px # 888 ;
2014-12-01 23:55:08 +01:00
}
. ZOOM_TXT
{
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
color : # 202020 ;
2015-09-23 14:31:47 +02:00
font-size : 15pt ;
2014-12-01 23:55:08 +01:00
}
. NO_BR { white-space : nowrap ; }
2015-09-23 19:21:47 +02:00
. BG_MSG_BLUE
{
2015-09-27 21:03:08 +02:00
background : linear-gradient ( # eaf3f6 0 , # eaf3f6 80 % , white 100 % ) ;
background-repeat : no-repeat ;
2015-09-23 19:21:47 +02:00
}
. BG_MSG_GREEN
{
2015-09-27 21:03:08 +02:00
background : linear-gradient ( # f5ffd7 0 , # f5ffd7 80 % , white 100 % ) ;
background-repeat : no-repeat ;
2015-09-23 19:21:47 +02:00
}
2014-12-01 23:55:08 +01:00
2015-09-23 14:31:47 +02:00
. WHITE_DEGREE { color : #707070 ; font-size : 18 pt ; font-weight : bold ; white-space : nowrap ; }
. GREY_DEGREE { color : #FFB42E ; font-size : 18 pt ; font-weight : bold ; white-space : nowrap ; }
. BLUE_DEGREE { color : #FFE880 ; font-size : 18 pt ; font-weight : bold ; white-space : nowrap ; }
. YELLOW_DEGREE { color : #FFC040 ; font-size : 18 pt ; font-weight : bold ; white-space : nowrap ; }
. WHITE_COURSE { color : #4D88A1 ; font-size : 30 pt ; white-space : nowrap ; }
2015-09-23 19:21:47 +02:00
. GREY_COURSE { font-family : Georgia , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #F7F6F5 ; font-size : 30 pt ; white-space : nowrap ; }
. BLUE_COURSE { font-family : Georgia , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : white ; font-size : 30 pt ; white-space : nowrap ; }
. YELLOW_COURSE { font-family : Georgia , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : white ; font-size : 30 pt ; white-space : nowrap ; }
2015-09-23 14:31:47 +02:00
. WHITE_HEAD { color : #E0E0E0 ; font-size : 15 pt ; white-space : nowrap ; }
. GREY_HEAD { color : #E0E0E0 ; font-size : 15 pt ; white-space : nowrap ; }
. BLUE_HEAD { color : white ; font-size : 15 pt ; white-space : nowrap ; }
. YELLOW_HEAD { color : #B3B0B3 ; font-size : 15 pt ; white-space : nowrap ; }
. WHITE_CUR_TIME { color : #808080 ; font-size : 18 pt ; font-weight : bold ; }
. GREY_CUR_TIME { color : #E0E0E0 ; font-size : 18 pt ; font-weight : bold ; }
. BLUE_CUR_TIME { color : #BAD2DA ; font-size : 18 pt ; font-weight : bold ; }
. YELLOW_CUR_TIME { color : #B3B0B3 ; font-size : 18 pt ; font-weight : bold ; }
. WHITE_NOTIF { color : #707070 ; font-size : 15 pt ; white-space : nowrap ; }
. GREY_NOTIF { color : #E0E0E0 ; font-size : 15 pt ; white-space : nowrap ; }
. BLUE_NOTIF { color : white ; font-size : 15 pt ; white-space : nowrap ; }
. YELLOW_NOTIF { color : #B3B0B3 ; font-size : 15 pt ; white-space : nowrap ; }
. WHITE_USR { color : #E0E0E0 ; font-size : 18 pt ; font-weight : bold ; white-space : nowrap ; }
. GREY_USR { color : #E0E0E0 ; font-size : 18 pt ; font-weight : bold ; white-space : nowrap ; }
. BLUE_USR { color : white ; font-size : 18 pt ; font-weight : bold ; white-space : nowrap ; }
. YELLOW_USR { color : #B3B0B3 ; font-size : 18 pt ; font-weight : bold ; white-space : nowrap ; }
. WHITE_CONNECTED { color : #398000 ; font-size : 15 pt ; }
. GREY_CONNECTED { color : #398000 ; font-size : 15 pt ; }
. BLUE_CONNECTED { color : #398000 ; font-size : 15 pt ; }
. YELLOW_CONNECTED { color : #398000 ; font-size : 15 pt ; }
. WHITE_TITLE { color : #505050 ; font-size : 21 pt ; }
. GREY_TITLE { color : #505050 ; font-size : 21 pt ; }
. BLUE_TITLE { color : #4D88A1 ; font-size : 21 pt ; }
. YELLOW_TITLE { color : #BD4815 ; font-size : 21 pt ; }
2014-12-01 23:55:08 +01:00
/**************************** Icon highlighting ******************************/
. ICON_HIDDEN
{
opacity : 0 . 2 ;
}
. ICON_HIGHLIGHT
{
2015-01-06 22:52:08 +01:00
opacity : 0 . 7 ;
2014-12-01 23:55:08 +01:00
}
. ICON_HIGHLIGHT : hover
{
opacity : 1 ;
2014-12-31 21:45:29 +01:00
}
2015-09-09 23:44:58 +02:00
. ICON_SCALING
2014-12-31 21:45:29 +01:00
{
2015-08-06 13:18:36 +02:00
display : inline-block ;
2015-09-09 23:44:58 +02:00
}
. ICON_SCALING : hover
{
2014-12-31 21:45:29 +01:00
opacity : 1 ;
transform : scale ( 1 . 15 , 1 . 15 ) ;
2014-12-31 19:51:49 +01:00
}
. ICON_SCALED
{
2015-08-06 13:18:36 +02:00
display : inline-block ;
2014-12-31 19:51:49 +01:00
opacity : 1 ;
2014-12-31 21:45:29 +01:00
transform : scale ( 1 . 15 , 1 . 15 ) ;
2014-12-31 19:51:49 +01:00
}
2015-01-01 14:34:06 +01:00
/*********************************** Tabs ************************************/
# tabs_container
{
2015-09-23 14:31:47 +02:00
width : 810px ; /* 135 px * 6 visible tabs */
height : 84px ;
2015-01-01 14:34:06 +01:00
margin : 0 auto ;
}
. TAB_OFF
{
float : left ;
2015-09-23 14:31:47 +02:00
width : 129px ; height : 91px ;
2015-01-01 14:34:06 +01:00
margin : 1px 1px 0 1px ;
padding : 0 1px 0 1px ;
2015-09-23 14:31:47 +02:00
border-radius : 9px 9px 0 0 ;
2015-09-23 19:21:47 +02:00
box-shadow : inset -3px -3px 1px 0 rgba ( 50 , 50 , 50 , 0 . 2 ) ;
2015-01-01 14:34:06 +01:00
text-align : center ;
vertical-align : middle ;
overflow : hidden ;
display : inline-block ;
}
. TAB_ON
{
float : left ;
2015-09-23 14:31:47 +02:00
width : 132px ; height : 93px ;
2015-01-01 14:34:06 +01:00
margin : 0 ;
padding : 1px 1px 0 1px ;
2015-09-23 14:31:47 +02:00
border-radius : 9px 9px 0 0 ;
2015-09-23 19:21:47 +02:00
box-shadow : inset -3px -3px 1px 0 rgba ( 50 , 50 , 50 , 0 . 2 ) ;
2015-01-01 14:34:06 +01:00
text-align : center ;
vertical-align : middle ;
overflow : hidden ;
display : inline-block ;
}
. WHITE_TAB_OFF
{
color : # 707070 ;
2015-09-23 14:31:47 +02:00
font-size : 11pt ;
2015-01-01 14:34:06 +01:00
font-weight : bold ;
line-height : 100 % ;
white-space : nowrap ;
overflow : hidden ;
}
. GREY_TAB_OFF
{
color : # 505050 ;
2015-09-23 14:31:47 +02:00
font-size : 11pt ;
2015-01-01 14:34:06 +01:00
font-weight : bold ;
line-height : 100 % ;
white-space : nowrap ;
overflow : hidden ;
}
. BLUE_TAB_OFF
{
color : # 365E6E ;
2015-09-23 14:31:47 +02:00
font-size : 11pt ;
2015-01-01 14:34:06 +01:00
font-weight : bold ;
line-height : 100 % ;
white-space : nowrap ;
overflow : hidden ;
}
. YELLOW_TAB_OFF
{
color : # 7C4D2A ;
2015-09-23 14:31:47 +02:00
font-size : 11pt ;
2015-01-01 14:34:06 +01:00
font-weight : bold ;
line-height : 100 % ;
white-space : nowrap ;
overflow : hidden ;
}
. WHITE_TAB_ON
{
color : # 4D88A1 ;
2015-09-23 14:31:47 +02:00
font-size : 11pt ;
2015-01-01 14:34:06 +01:00
font-weight : bold ;
line-height : 100 % ;
white-space : nowrap ;
overflow : hidden ;
}
. GREY_TAB_ON
{
color : # 606060 ;
2015-09-23 14:31:47 +02:00
font-size : 11pt ;
2015-01-01 14:34:06 +01:00
font-weight : bold ;
line-height : 100 % ;
white-space : nowrap ;
overflow : hidden ;
}
. BLUE_TAB_ON
{
color : # 4D88A1 ;
2015-09-23 14:31:47 +02:00
font-size : 11pt ;
2015-01-01 14:34:06 +01:00
font-weight : bold ;
line-height : 100 % ;
white-space : nowrap ;
overflow : hidden ;
}
. YELLOW_TAB_ON
{
color : # BD4815 ;
2015-09-23 14:31:47 +02:00
font-size : 11pt ;
2015-01-01 14:34:06 +01:00
font-weight : bold ;
line-height : 100 % ;
white-space : nowrap ;
overflow : hidden ;
}
2014-12-31 19:51:49 +01:00
/***************************** Horizontal menu *******************************/
2014-12-31 21:45:29 +01:00
# horizontal_menu_container ul
2014-12-31 19:51:49 +01:00
{
2014-12-31 21:45:29 +01:00
display : table ;
2015-01-01 14:34:06 +01:00
list-style-type : none ;
2014-12-31 21:45:29 +01:00
border : 0 ;
2014-12-31 19:51:49 +01:00
margin : 0 auto ;
2015-09-23 14:31:47 +02:00
padding : 0 0 12px 0 ;
2014-12-31 19:51:49 +01:00
}
2014-12-31 21:45:29 +01:00
# horizontal_menu_container li
2014-12-31 19:51:49 +01:00
{
display : table-cell ;
2015-09-23 14:31:47 +02:00
width : 165px ; height : 90px ;
2014-12-31 21:45:29 +01:00
border : 0 ;
margin : 0 ;
padding : 0 ;
text-align : center ;
2014-12-31 19:51:49 +01:00
vertical-align : middle ;
}
. MENU_OFF
{
display : inline-block ;
2015-09-23 14:31:47 +02:00
width : 165px ; height : 90px ;
2014-12-31 19:51:49 +01:00
margin : 0 ;
2015-09-23 14:31:47 +02:00
padding : 0 3px ;
2014-12-31 19:51:49 +01:00
text-align : center ;
vertical-align : middle ;
}
. MENU_ON
{
display : inline-block ;
2015-09-23 14:31:47 +02:00
width : 165px ; height : 90px ;
2014-12-31 19:51:49 +01:00
margin : 0 ;
padding : 0 ;
text-align : center ;
vertical-align : middle ;
2014-12-01 23:55:08 +01:00
}
2015-01-01 14:34:06 +01:00
/******************************* Vertical menu *******************************/
2014-12-31 21:45:29 +01:00
# vertical_menu_container
2014-12-01 23:55:08 +01:00
{
list-style-type : none ;
2014-12-23 22:47:09 +01:00
padding : 0 ;
margin : 0 ;
2014-12-01 23:55:08 +01:00
}
. MENU_OPTION
{
2015-09-23 14:31:47 +02:00
height : 48px ;
2014-12-01 23:55:08 +01:00
clear : both ;
margin : 0 auto ;
text-align : left ;
vertical-align : middle ;
background-repeat : no-repeat ;
2015-09-23 14:31:47 +02:00
background-position : 3px 3px ;
padding : 3px 3px 3px 60px ;
2014-12-01 23:55:08 +01:00
overflow : hidden ;
}
. MENU_TEXT
{
2015-09-23 14:31:47 +02:00
height : 48px ;
2014-12-27 00:28:19 +01:00
display : table-cell ;
vertical-align : middle ;
2014-12-01 23:55:08 +01:00
}
2015-01-01 14:34:06 +01:00
/********************************* Menu fonts ********************************/
2015-09-23 14:31:47 +02:00
. WHITE_MENU_OFF { color : #4D88A1 ; font-size : 15 pt ; font-weight : bold ; line-height : 110 % ; }
. GREY_MENU_OFF { color : #707070 ; font-size : 15 pt ; font-weight : bold ; line-height : 110 % ; }
. BLUE_MENU_OFF { color : #4D88A1 ; font-size : 15 pt ; font-weight : bold ; line-height : 110 % ; }
. YELLOW_MENU_OFF { color : #BD4815 ; font-size : 15 pt ; font-weight : bold ; line-height : 110 % ; }
2015-01-02 01:19:27 +01:00
2015-09-23 14:31:47 +02:00
. WHITE_MENU_ON { color : #4D88A1 ; font-size : 15 pt ; font-weight : bold ; line-height : 110 % ; }
. GREY_MENU_ON { color : #606060 ; font-size : 15 pt ; font-weight : bold ; line-height : 110 % ; }
. BLUE_MENU_ON { color : #4D88A1 ; font-size : 15 pt ; font-weight : bold ; line-height : 110 % ; }
. YELLOW_MENU_ON { color : #BD4815 ; font-size : 15 pt ; font-weight : bold ; line-height : 110 % ; }
2015-01-01 14:34:06 +01:00
/********************************* Form fonts ********************************/
2015-09-23 14:31:47 +02:00
. WHITE_FORM { color : #4D88A1 ; font-size : 16 pt ; }
. GREY_FORM { color : #4D88A1 ; font-size : 16 pt ; }
. BLUE_FORM { color : #4D88A1 ; font-size : 16 pt ; }
. YELLOW_FORM { color : #7C4D2A ; font-size : 16 pt ; }
2015-07-27 21:25:45 +02:00
2015-09-23 14:31:47 +02:00
. WHITE_FORM_NOWRAP { color : #4D88A1 ; font-size : 16 pt ; white-space : nowrap ; }
. GREY_FORM_NOWRAP { color : #4D88A1 ; font-size : 16 pt ; white-space : nowrap ; }
. BLUE_FORM_NOWRAP { color : #4D88A1 ; font-size : 16 pt ; white-space : nowrap ; }
. YELLOW_FORM_NOWRAP { color : #7C4D2A ; font-size : 16 pt ; white-space : nowrap ; }
2015-01-01 14:34:06 +01:00
2015-09-23 14:31:47 +02:00
. WHITE_FORM_BOLD { color : #4D88A1 ; font-size : 16 pt ; font-weight : bold ; }
. GREY_FORM_BOLD { color : #4D88A1 ; font-size : 16 pt ; font-weight : bold ; }
. BLUE_FORM_BOLD { color : #4D88A1 ; font-size : 16 pt ; font-weight : bold ; }
. YELLOW_FORM_BOLD { color : #7C4D2A ; font-size : 16 pt ; font-weight : bold ; }
2015-01-01 14:34:06 +01:00
2015-07-28 00:16:09 +02:00
/****************************** 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 ; }
2015-09-23 19:21:47 +02:00
/***************** Colors used in headers,backgrounds,etc. *****************/
2015-09-04 17:10:27 +02:00
. COLOR0 { background-color : #F4F2EA ; }
. COLOR1 { background-color : #FBFAF7 ; }
2015-09-04 19:26:08 +02:00
. 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 ; }
2015-09-03 00:59:03 +02:00
2015-04-07 21:44:24 +02:00
/********************************* Course info *******************************/
# crs_info
{
margin : 0 ;
2015-09-23 14:31:47 +02:00
padding : 0 15px ;
2015-04-09 01:16:41 +02:00
color : inherit ;
}
# crs_info table
{
border : 1px solid grey ;
}
# crs_info th
{
border : 1px solid grey ;
background-color : # F0F0F0 ;
2015-09-23 14:31:47 +02:00
padding : 7px ;
2015-04-09 01:16:41 +02:00
}
# crs_info td
{
border : 1px solid grey ;
2015-09-23 14:31:47 +02:00
padding : 7px ;
2015-04-07 21:44:24 +02:00
}
2015-04-11 02:04:23 +02:00
/************************ Help for the text editor ***************************/
. HELP_EDIT
{
2015-09-23 14:31:47 +02:00
margin : 12px ;
2015-04-11 02:19:32 +02:00
text-align : center ;
2015-04-11 02:04:23 +02:00
color : # 808080 ;
2015-09-23 14:31:47 +02:00
font-size : 12pt ;
2015-04-11 02:04:23 +02:00
}
2015-07-24 13:51:29 +02:00
/*********************************** 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 ;
}
2015-04-07 21:44:24 +02:00
/*****************************************************************************/
2014-12-30 12:37:15 +01:00
2015-09-23 14:31:47 +02:00
. FILENAME { color : #404040 ; font-size : 21 pt ; font-weight : bold ; }
2014-12-30 12:37:15 +01:00
2015-09-23 14:31:47 +02:00
. BROWSER_TITLE { color : #94745C ; font-size : 16 pt ; font-weight : bold ; }
. BROWSER_TITLE_LIGHT { color : #D5C6BB ; font-size : 16 pt ; font-weight : bold ; }
. BROWSER_SUBTITLE { color : #94745C ; font-size : 15 pt ; }
2014-12-30 12:37:15 +01:00
2015-09-23 14:31:47 +02:00
. T1 { color : #404040 ; font-size : 18 pt ; }
. T2 { color : #404040 ; font-size : 16 pt ; }
. T3 { color : #404040 ; font-size : 15 pt ; }
2014-12-30 12:37:15 +01:00
2015-09-23 14:31:47 +02:00
. LST { color : #404040 ; font-size : 13 pt ; white-space : nowrap ; }
. LST_HID { color : #A0A0A0 ; font-size : 13 pt ; white-space : nowrap ; }
. LST_REC { color : #008000 ; font-size : 13 pt ; white-space : nowrap ; }
. LST_REC_HID { color : #89BE87 ; font-size : 13 pt ; white-space : nowrap ; }
. LST_EDIT { color : #404040 ; font-weight : bold ; font-size : 13 pt ; height : 24 px ; padding-top : 0 ; padding-bottom : 0 ; margin-top : -1 px ; margin-bottom : -1 px ; border-width : 1 px ; border-style : solid ; border-color : #ECE9D8 ; }
. LST_EDIT_HID { color : #A0A0A0 ; font-weight : bold ; font-size : 13 pt ; height : 24 px ; padding-top : 0 ; padding-bottom : 0 ; margin-top : -1 px ; margin-bottom : -1 px ; border-width : 1 px ; border-style : solid ; border-color : #ECE9D8 ; }
. LST_EDIT_REC { color : #008000 ; font-weight : bold ; font-size : 13 pt ; height : 24 px ; padding-top : 0 ; padding-bottom : 0 ; margin-top : -1 px ; margin-bottom : -1 px ; border-width : 1 px ; border-style : solid ; border-color : #ECE9D8 ; }
. LST_EDIT_REC_HID { color : #89BE87 ; font-weight : bold ; font-size : 13 pt ; height : 24 px ; padding-top : 0 ; padding-bottom : 0 ; margin-top : -1 px ; margin-bottom : -1 px ; border-width : 1 px ; border-style : solid ; border-color : #ECE9D8 ; }
2014-12-30 12:37:15 +01:00
2015-09-23 14:31:47 +02:00
. USR_ID { color : #404040 ; font-size : 21 pt ; font-weight : bold ; }
2014-12-30 12:37:15 +01:00
2015-09-23 14:31:47 +02:00
. DAT { color : #707070 ; font-size : 16 pt ; }
. DAT_GREEN { color : #008000 ; font-size : 16 pt ; }
. DAT_LIGHT { color : #A0A0A0 ; font-size : 16 pt ; }
. DAT_NOBR { color : #707070 ; font-size : 16 pt ; white-space : nowrap ; }
. DAT_N { color : #404040 ; font-size : 16 pt ; }
. DAT_NOBR_N { color : #404040 ; font-size : 16 pt ; white-space : nowrap ; }
2014-12-27 01:07:14 +01:00
2015-09-06 15:34:44 +02:00
/*********************** Line in top part of a table row *********************/
. DAT_N_LINE_TOP
{
color : # 404040 ;
2015-09-23 14:31:47 +02:00
font-size : 16pt ;
2015-09-06 15:34:44 +02:00
border-style : solid none none none ;
border-width : 1px ;
}
2015-09-23 19:21:47 +02:00
. DAT_SMALL { font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #707070 ; font-size : 15 pt ; }
. DAT_SMALL_LIGHT { font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #A0A0A0 ; font-size : 15 pt ; }
. DAT_SMALL_NOBR { font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #707070 ; font-size : 15 pt ; white-space : nowrap ; }
. DAT_SMALL_N { font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #404040 ; font-size : 15 pt ; }
. DAT_SMALL_NOBR_N { font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #404040 ; font-size : 15 pt ; white-space : nowrap ; }
2015-09-23 14:31:47 +02:00
2015-09-23 19:21:47 +02:00
. DAT_SMALL_GREY { font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #707070 ; font-size : 15 pt ; }
. DAT_SMALL_RED { font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #FF0000 ; font-size : 15 pt ; }
. DAT_SMALL_GREEN { font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #008000 ; font-size : 15 pt ; }
. DAT_SMALL_BLUE { font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #0080FF ; font-size : 15 pt ; }
. DAT_SMALL_YELLOW { font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #C0C000 ; font-size : 15 pt ; }
2015-09-23 14:31:47 +02:00
2015-09-23 19:21:47 +02:00
. HEAD_REC { font-family : Georgia , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #808080 ; font-size : 15 pt ; }
. HEAD_REC_SMALL { font-family : Georgia , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #808080 ; font-size : 13 pt ; }
2015-09-23 14:31:47 +02:00
. REC_NAME { color : #808080 ; font-size : 24 pt ; font-weight : bold ; }
. REC_NICK { color : #808080 ; font-size : 18 pt ; font-weight : bold ; }
. DAT_REC { color : #404040 ; font-size : 13 pt ; line-height : 110 % ; }
. DAT_REC_SMALL { color : #808080 ; font-size : 13 pt ; line-height : 110 % ; }
. DAT_REC_SMALL_BOLD { color : #202020 ; font-size : 13 pt ; line-height : 110 % ; }
. MSJ_AVISO { color : #632921 ; font-size : 15 pt ; }
. TIT_TBL { color : #4D88A1 ; font-size : 15 pt ; font-weight : bold ; }
2015-09-23 19:21:47 +02:00
. TIT_CLASSPHOTO { font-family : Georgia , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #606060 ; font-size : 16 pt ; }
2015-09-23 14:31:47 +02:00
. CLASSPHOTO { color : #606060 ; font-size : 12 pt ; line-height : 100 % ; white-space : nowrap ; }
. GRP_TITLE { color : #4D88A1 ; font-size : 18 pt ; font-weight : bold ; }
. ASG_TITLE { color : #4D88A1 ; font-size : 18 pt ; font-weight : bold ; }
. ASG_TITLE_LIGHT { color : #AFC4CC ; font-size : 18 pt ; font-weight : bold ; }
. ASG_GRP { color : #4D88A1 ; font-size : 15 pt ; }
. ASG_GRP_LIGHT { color : #AFC4CC ; font-size : 15 pt ; }
. DATE_GREEN { color : #008000 ; font-size : 16 pt ; }
. DATE_GREEN_LIGHT { color : #89BE87 ; font-size : 16 pt ; }
. DATE_RED { color : #FF0000 ; font-size : 16 pt ; }
. DATE_RED_LIGHT { color : #F98A8A ; font-size : 16 pt ; }
. ASG_LST_DATE_GREEN { color : #008000 ; font-size : 13 pt ; white-space : nowrap ; }
. ASG_LST_DATE_RED { color : #FF0000 ; font-size : 13 pt ; white-space : nowrap ; }
. STATUS_GREEN { color : #008000 ; font-size : 15 pt ; }
. STATUS_GREEN_LIGHT { color : #89BE87 ; font-size : 15 pt ; }
. STATUS_RED { color : #FF0000 ; font-size : 15 pt ; }
. STATUS_RED_LIGHT { color : #F98A8A ; font-size : 15 pt ; }
2014-12-30 12:37:15 +01:00
2015-04-11 13:05:44 +02:00
/********************************** Tests ************************************/
2015-09-23 14:31:47 +02:00
. ANS { color : #404040 ; font-size : 16 pt ; font-weight : bold ; }
. ANS_OK { color : #008000 ; font-size : 16 pt ; font-weight : bold ; }
. ANS_BAD { color : #FF0000 ; font-size : 16 pt ; font-weight : bold ; }
. TST_TIT { color : #404040 ; font-size : 21 pt ; }
. TEST { color : #404040 ; font-size : 15 pt ; }
. TEST_EXA { color : #404040 ; font-size : 15 pt ; }
. TEST_EXA_LIGHT { color : #A0A0A0 ; font-size : 15 pt ; }
. TEST_EDI { color : #404040 ; font-size : 15 pt ; }
. TEST_EDI_LIGHT { color : #A0A0A0 ; font-size : 15 pt ; }
2015-09-23 19:21:47 +02:00
. HOR { font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #345C6C ; font-size : 12 pt ; line-height : 110 % ; letter-spacing : 0 ; }
2014-12-01 23:55:08 +01:00
. FREE0 { background-color : #F4F2EA ; border : solid 1 px ; border-color : #F4F2EA #E0D9C2 #EEEADC #F4F2EA ; }
. FREE1 { background-color : #F4F2EA ; border : solid 1 px ; border-color : #F4F2EA #E0D9C2 #E0D9C2 #F4F2EA ; }
. FREE2 { background-color : #FBFAF7 ; border : solid 1 px ; border-color : #FBFAF7 #E0D9C2 #F5F2E9 #FBFAF7 ; }
. FREE3 { background-color : #FBFAF7 ; border : solid 1 px ; border-color : #FBFAF7 #E0D9C2 #E0D9C2 #FBFAF7 ; }
2015-09-23 14:31:47 +02:00
. THEO { background-color : #C0DAE4 ; border : solid 3 px ; border-color : #C9E3ED #B5CFD9 #B5CFD9 #C9E3ED ; }
. PRAC { background-color : #DBE5E9 ; border : solid 3 px ; border-color : #E4EEF2 #D0DADE #D0DADE #E4EEF2 ; }
. TUTO { background-color : #D6E9C3 ; border : solid 3 px ; border-color : #DFEEE0 #CAE3B1 #CAE3B1 #DFEEE0 ; }
2014-12-01 23:55:08 +01:00
2015-01-01 19:39:46 +01:00
. USR_LIST_TYPE_OFF { border : solid 1 px ; border-color : white ; }
2014-12-01 23:55:08 +01:00
. USR_LIST_TYPE_ON { border : solid 1 px ; border-color : #50B800 ; }
2015-09-23 14:31:47 +02:00
. LAYOUT_OFF { height : 48 px ; text-align : center ; vertical-align : middle ; border : solid 1 px ; border-color : white ; background-color : white ; }
. LAYOUT_ON { height : 48 px ; text-align : center ; vertical-align : middle ; border : solid 1 px ; border-color : #C0DAE4 ; background-color : #DDECF1 ; }
2015-09-23 19:21:47 +02:00
. LOG { font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #606060 ; font-size : 13 pt ; }
. LOG_R { font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #FF0000 ; font-size : 13 pt ; }
2015-09-23 14:31:47 +02:00
2015-09-23 19:21:47 +02:00
. MSG_TXT { font-family : "Courier New" , "DejaVu LGC Sans Mono" , "Bitstream Vera Sans Mono" , monospace ; color : #404040 ; font-size : 15 pt ; }
2015-09-23 14:31:47 +02:00
. MSG_TIT { color : #4D88A1 ; font-size : 15 pt ; }
. MSG_TIT_NEW { color : #4D88A1 ; font-size : 15 pt ; font-weight : bold ; }
. MSG_TIT_REM { color : #AFC4CC ; font-size : 15 pt ; }
2015-09-23 19:21:47 +02:00
. MSG_TIT_BG
{
2015-09-27 21:03:08 +02:00
background : linear-gradient ( # eaf3f6 0 , # eaf3f6 80 % , white 100 % ) ;
background-repeat : no-repeat ;
color : # 4D88A1 ;
2015-09-23 19:21:47 +02:00
font-size : 15pt ;
}
. MSG_TIT_BG_NEW
{
2015-09-27 21:03:08 +02:00
background : linear-gradient ( # f5ffd7 0 , # f5ffd7 80 % , white 100 % ) ;
background-repeat : no-repeat ;
color : # 4D88A1 ;
2015-09-23 19:21:47 +02:00
font-size : 15pt ;
font-weight : bold ;
}
. MSG_TIT_BG_REM
{
2015-09-27 21:03:08 +02:00
background : linear-gradient ( # f3fcff 0 , # f3fcff 80 % , white 100 % ) ;
background-repeat : no-repeat ;
2015-09-23 19:21:47 +02:00
color : # AFC4CC ;
font-size : 15pt ;
}
2015-09-23 14:31:47 +02:00
. MSG_AUT { color : #4D88A1 ; font-size : 13 pt ; }
. MSG_AUT_LIGHT { color : #AFC4CC ; font-size : 13 pt ; }
. MSG_AUT_NEW { color : #4D88A1 ; font-size : 13 pt ; font-weight : bold ; }
2015-09-23 19:21:47 +02:00
. MSG_AUT_BG
{
2015-09-27 21:03:08 +02:00
background : linear-gradient ( # eaf3f6 0 , # eaf3f6 80 % , white 100 % ) ;
background-repeat : no-repeat ;
2015-09-23 19:21:47 +02:00
color : # 4D88A1 ;
font-size : 13pt ;
}
. MSG_AUT_BG_NEW
{
2015-09-27 21:03:08 +02:00
background : linear-gradient ( # f5ffd7 0 , # f5ffd7 80 % , white 100 % ) ;
background-repeat : no-repeat ;
2015-09-23 19:21:47 +02:00
color : # 4D88A1 ;
font-size : 13pt ;
font-weight : bold ;
}
. MSG_AUT_BG_REM
{
2015-09-27 21:03:08 +02:00
background : linear-gradient ( # f3fcff 0 , # f3fcff 80 % , white 100 % ) ;
background-repeat : no-repeat ;
2015-09-23 19:21:47 +02:00
color : # AFC4CC ;
font-size : 13pt ;
}
2015-09-23 14:31:47 +02:00
. MSG_DATE { color : #4D88A1 ; font-size : 13 pt ; }
. MSG_DATE_NEW { color : #4D88A1 ; font-size : 13 pt ; font-weight : bold ; }
. BT { width : 24 px ; text-align : left ; vertical-align : top ; }
. BT0 { width : 24 px ; text-align : left ; vertical-align : top ; background-color : #F4F2EA ; }
. BT1 { width : 24 px ; text-align : left ; vertical-align : top ; background-color : #FBFAF7 ; }
. BM { width : 24 px ; text-align : left ; vertical-align : middle ; }
. BM_SEL { width : 24 px ; text-align : left ; vertical-align : middle ; background-color : #C0FF40 ; }
. BM0 { width : 24 px ; text-align : left ; vertical-align : middle ; background-color : #F4F2EA ; }
. BM1 { width : 24 px ; text-align : left ; vertical-align : middle ; background-color : #FBFAF7 ; }
2014-12-01 23:55:08 +01:00
2015-07-25 20:51:17 +02:00
/***************************** Calls for exams *******************************/
. CONV_TIT
{
2015-09-23 19:21:47 +02:00
font-family : Garamond , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ;
2015-07-25 20:51:17 +02:00
color : # 404040 ;
font-weight : bold ;
2015-09-23 14:31:47 +02:00
font-size : 21pt ;
2015-07-25 20:51:17 +02:00
}
. CONV_TIT_IMPR
{
2015-09-23 19:21:47 +02:00
font-family : Garamond , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ;
2015-07-25 20:51:17 +02:00
color : # 202020 ;
font-weight : bold ;
2015-09-23 14:31:47 +02:00
font-size : 21pt ;
2015-07-25 20:51:17 +02:00
}
. CONV_NEG
{
2015-09-23 19:21:47 +02:00
font-family : Garamond , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ;
2015-07-25 20:51:17 +02:00
color : # 404040 ;
font-weight : bold ;
2015-09-23 14:31:47 +02:00
font-size : 16pt ;
2015-07-25 20:51:17 +02:00
white-space : nowrap ;
}
. CONV_NEG_IMPR
{
2015-09-23 19:21:47 +02:00
font-family : Garamond , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ;
2015-07-25 20:51:17 +02:00
color : # 202020 ;
font-weight : bold ;
2015-09-23 14:31:47 +02:00
font-size : 16pt ;
2015-07-25 20:51:17 +02:00
white-space : nowrap ;
text-align : right ;
}
. CONV
{
2015-09-23 19:21:47 +02:00
font-family : Garamond , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ;
2015-07-25 20:51:17 +02:00
color : # 404040 ;
2015-09-23 14:31:47 +02:00
font-size : 16pt ;
2015-07-25 20:51:17 +02:00
}
. CONV_IMPR
{
2015-09-23 19:21:47 +02:00
font-family : Garamond , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ;
2015-07-25 20:51:17 +02:00
color : # 202020 ;
2015-09-23 14:31:47 +02:00
font-size : 16pt ;
2015-07-25 20:51:17 +02:00
}
2014-12-01 23:55:08 +01:00
2015-03-12 14:45:40 +01:00
/***************************** Public user's profile *************************/
2015-03-19 00:28:37 +01:00
. FOLLOW
2015-03-12 14:45:40 +01:00
{
2015-03-21 19:55:00 +01:00
color : # C0C0C0 ;
2015-09-23 14:31:47 +02:00
font-size : 36pt ;
2015-03-21 19:55:00 +01:00
font-weight : bold ;
}
. FOLLOW_B
{
color : # 404040 ;
2015-09-23 14:31:47 +02:00
font-size : 36pt ;
2015-03-12 14:45:40 +01:00
font-weight : bold ;
}
2015-03-21 19:55:00 +01:00
. PRF_ICON_CONTAINER
{
2015-09-23 14:31:47 +02:00
width : 30px ;
2015-03-21 19:55:00 +01:00
}
. PRF_ICON
{
margin : auto ;
display : block ;
2015-09-23 14:31:47 +02:00
width : 24px ;
height : 24px ;
2015-03-21 19:55:00 +01:00
opacity : 0 . 33 ;
}
. PRF_FIG
{
text-align : left ;
vertical-align : middle ;
}
2015-03-12 14:45:40 +01:00
2015-09-23 14:31:47 +02:00
. CON { color : #B8D070 ; font-size : 13 pt ; line-height : 110 % ; white-space : nowrap ; }
. CON_CRS { color : #398000 ; font-size : 13 pt ; line-height : 110 % ; white-space : nowrap ; }
2014-12-01 23:55:08 +01:00
2015-09-05 19:19:39 +02:00
/*************************** Indicators about courses ************************/
. INDICATORS td , . INDICATORS th
{
border : 1px solid silver ;
border-collapse : collapse ;
padding : 1px ;
}
. INDICATORS th
{
color : # 4D88A1 ;
2015-09-23 14:31:47 +02:00
font-size : 15pt ;
2015-09-05 19:19:39 +02:00
font-weight : bold ;
}
2015-09-18 02:15:35 +02:00
/********************* Used to align buttons in account forms ****************/
. FORM_ACCOUNT
{
display : inline-block ;
2015-09-23 14:31:47 +02:00
min-width : 375px ;
2015-09-18 02:15:35 +02:00
}
2015-09-05 19:19:39 +02:00
/********************************** Page foot ********************************/
2014-12-01 23:55:08 +01:00
. FOOT_LIST_CONTAINER
{
position : relative ;
float : left ;
}
. FOOT_LIST_TITLE
{
color : # 666 ;
2014-12-27 01:07:14 +01:00
font-family : Arial , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
font-size : 1em ;
font-weight : bold ;
white-space : nowrap ;
}
. FOOT_LIST
{
list-style-type : none ;
margin : 0 ;
padding : 0 ;
border-width : 0 ;
2014-12-27 01:07:14 +01:00
font-family : Arial , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
font-size : 0 . 9em ;
white-space : nowrap ;
line-height : 140 % ;
}
. FOOT_LINK
{
color : # 2C90C9 ;
}
. FOOT
{
2015-09-23 19:21:47 +02:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
color : # A0A0A0 ;
2015-09-23 14:31:47 +02:00
font-size : 12pt ;
2014-12-01 23:55:08 +01:00
}