2014-12-01 23:55:08 +01:00
/* 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 .
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
2014-12-01 23:55:08 +01:00
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 ; }
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 ;
2014-12-21 14:47:04 +01:00
}
2015-01-01 19:39:46 +01:00
input { font-size : 16 pt ; vertical-align : middle ; }
2014-12-30 12:37:15 +01:00
select { font-size : 16 pt ; }
2015-04-11 02:04:23 +02:00
textarea { font-size : 16 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 ;
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 ; }
2014-12-01 23:55:08 +01:00
/************************* Users connected globally **************************/
. CONNECTED
{
margin : 0 ;
border-style : solid ;
border-width : 1px ;
border-color : # 398000 ;
padding : 4px ;
border-radius : 4px ;
2014-12-27 01:07:14 +01:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
font-size : 9pt ;
color : # 398000 ;
overflow : hidden ;
}
/*********************************** Month ***********************************/
. MONTH_CONTAINER
{
width : 110px ;
margin : 0 ;
padding : 4px ;
border-style : solid ;
border-width : 1px ;
border-color : # 8CBCCE ;
border-radius : 4px ;
text-align : center ;
overflow : hidden ;
}
. MONTH_TABLE_DAYS
{
width : 110px ;
margin-top : 2px ;
padding-top : 2px ;
border-style : solid ;
border-width : 1px 0 0 0 ;
border-color : # DDECF1 ;
}
2014-12-30 12:37:15 +01:00
. MONTH { color : #4D88A1 ; font-size : 8 pt ; white-space : nowrap ; }
. DAY_WRK_HEAD { color : #4D88A1 ; font-size : 8 pt ; }
. DAY_NO_WRK_HEAD { color : #FF0000 ; font-size : 8 pt ; }
. DAY_WRK { color : #202020 ; font-size : 8 pt ; }
. DAY_NO_WORK { color : #C04080 ; font-size : 8 pt ; }
. DAY_HLD { color : #FF0000 ; font-size : 8 pt ; }
. DAY_WRK_LIGHT { color : #E0E0E0 ; font-size : 8 pt ; }
. DAY_NO_WORK_LIGHT { color : #FFE0FF ; font-size : 8 pt ; }
. DAY_HLD_LIGHT { color : #FFE0E0 ; font-size : 8 pt ; }
2015-01-01 19:39:46 +01:00
. DAY { border : solid 1 px ; border-color : white ; }
2014-12-01 23:55:08 +01:00
. TODAY { border : solid 1 px ; border-color : #50B800 ; }
2015-01-01 19:39:46 +01:00
. DAY_EVENT { border : solid 1 px ; border-color : white ; background-color : #FFF080 ; }
2014-12-01 23:55:08 +01:00
. TODAY_EVENT { border : solid 1 px ; border-color : #50B800 ; background-color : #FFF080 ; }
2015-03-24 19:41:54 +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 ;
font-size : 16px ;
font-weight : bold ;
line-height : normal ;
margin : 8px ;
padding : 8px 16px ;
border-radius : 4px ;
box-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , 0 . 15 ) inset ;
}
. BT_SUBMIT_INLINE
{
color : white ;
font-size : 12px ;
font-weight : bold ;
line-height : normal ;
margin : 0 4px ;
padding : 4px 8px ;
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 ) ) ;
}
2014-12-01 23:55:08 +01:00
/********************************** Notice ***********************************/
. NOTICE_CONTAINER
{
2014-12-27 19:43:01 +01:00
margin : 8px auto ;
2014-12-01 23:55:08 +01:00
padding : 8px ;
background-color : # FAF098 ;
2014-12-20 16:20:51 +01:00
background-image : linear-gradient ( # EED86C 0 % , # FEED95 15 % , # FAF098 100 % ) ;
2014-12-23 22:47:09 +01:00
box-shadow : 0 6px 8px -4px rgba ( 125 , 113 , 0 , 0 . 8 ) ;
2014-12-01 23:55:08 +01:00
text-align : center ;
overflow : hidden ;
}
. NOTICE_DATE
{
float : right ;
2014-12-27 01:07:14 +01:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
font-size : 10pt ;
color : # 404040 ;
overflow : hidden ;
}
. NOTICE_SUBJECT
{
2014-12-27 01:07:14 +01:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
font-size : 12pt ;
font-weight : bold ;
color : # 404040 ;
text-align : center ;
overflow : hidden ;
display : inline-block ;
}
. NOTICE_TEXT
{
clear : both ;
2014-12-27 01:07:14 +01:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
font-size : 10pt ;
color : # 000080 ;
overflow : hidden ;
}
. NOTICE_AUTHOR
{
2014-12-27 01:07:14 +01:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
color : # 404040 ;
font-size : 10pt ;
overflow : hidden ;
}
/**************************** Institutional links ****************************/
# institutional_links
{
width : 110px ;
margin : 0 ;
border-style : solid ;
border-width : 1px ;
border-color : # 4D88A1 ;
padding : 4px ;
border-radius : 4px ;
2014-12-27 01:07:14 +01:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
font-size : 9pt ;
color : # 4D88A1 ;
overflow : hidden ;
}
. INS_LNK
{
2014-12-27 01:07:14 +01:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
font-size : 9pt ;
color : # 4D88A1 ;
}
/***************************** Tabs and main zone ****************************/
# tabs_container
{
height : 56px ;
margin : 0 auto ;
}
. TAB_ON
{
height : 62px ;
margin : 0 ;
padding : 0 20px ;
border-radius : 8px 10px 0 0 ;
2014-12-23 22:47:09 +01:00
box-shadow : inset -2px -2px 1px 0 rgba ( 50 , 50 , 50 , 0 . 2 ) ;
2014-12-01 23:55:08 +01:00
text-align : center ;
vertical-align : middle ;
overflow : hidden ;
display : table-cell ;
}
# CENTRAL_ZONE
{
min-width : 740px ;
2014-12-31 13:30:26 +01:00
min-height : 740px ;
2014-12-01 23:55:08 +01:00
width : 100 % ;
margin : -6px 0 0 0 ;
2015-01-02 19:50:15 +01:00
padding : 8px 0 ;
2014-12-01 23:55:08 +01:00
border-radius : 8px ;
2014-12-23 22:47:09 +01:00
box-shadow : inset -2px -2px 1px 0 rgba ( 50 , 50 , 50 , 0 . 2 ) ;
2014-12-01 23:55:08 +01:00
text-align : center ;
2014-12-31 13:30:26 +01:00
vertical-align : top ;
2014-12-01 23:55:08 +01:00
overflow : hidden ;
2014-12-31 13:30:26 +01:00
position : relative ;
2014-12-01 23:55:08 +01:00
display : inline-block ;
}
/********************************** Alerts ***********************************/
. ALERT
{
margin : 4px auto ;
2015-01-06 22:52:08 +01:00
background-color : # FFF9E0 ;
2014-12-01 23:55:08 +01:00
background-repeat : no-repeat ;
background-position : 10px 10px ;
padding : 10px 10px 10px 36px ;
border-radius : 8px ;
2015-01-06 22:52:08 +01:00
box-shadow : 1px 1px 1px # CCC7B4 ;
2014-12-27 01:07:14 +01:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
font-size : 16pt ;
color : # 632921 ;
text-align : justify ;
overflow : hidden ;
display : inline-block ;
}
/*********************************** Icons ***********************************/
. ICON16x16 { width : 16 px ; height : 16 px ; vertical-align : middle ; }
2014-12-30 15:14:43 +01:00
. ICON16x16B { width : 16 px ; height : 16 px ; vertical-align : middle ; display : block ; }
2014-12-01 23:55:08 +01:00
. ICON32x32 { width : 32 px ; height : 32 px ; vertical-align : middle ; }
2015-01-01 19:39:46 +01:00
. ICON32x32B { width : 32 px ; height : 32 px ; vertical-align : middle ; display : block ; }
2015-03-20 14:30:28 +01:00
. ICON48x48 { width : 48 px ; height : 48 px ; vertical-align : middle ; }
2014-12-01 23:55:08 +01:00
. ICON64x64 { width : 64 px ; height : 64 px ; vertical-align : middle ; }
2015-04-02 14:22:21 +02:00
/****** Contextual links with small icons and text to go to some action ******/
. CONTEXT_MENU
{
margin-bottom : 10px ;
2015-04-02 18:39:49 +02:00
text-align : center ;
}
. CONTEXT_OPT
{
display : inline ;
margin : 0 5px ;
2015-04-02 14:22:21 +02:00
}
2014-12-01 23:55:08 +01:00
/********************************* Frame 10 **********************************/
. FRAME10
{
2015-03-21 19:55:00 +01:00
margin : 0 ;
2015-04-12 18:01:06 +02:00
padding : 10px ;
2014-12-01 23:55:08 +01:00
background-color : white ;
border-radius : 8px ;
box-shadow : 1px 1px 1px # CCC ;
text-align : center ;
overflow : hidden ;
display : inline-block ;
}
. FRAME10_SHADOW
{
margin : 4px 0 14px 0 ;
2015-04-12 18:01:06 +02:00
padding : 10px ;
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 ;
border-radius : 8px ;
box-shadow : 2px 4px 12px # 888 ;
text-align : center ;
overflow : hidden ;
display : inline-block ;
}
. TABLE10
{
width : 100 % ;
}
. TIT_TBL_10
{
2015-04-12 18:01:06 +02:00
margin : 10px ;
2014-12-01 23:55:08 +01:00
color : # 808080 ;
font-size : 20pt ;
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 ; }
. CELLS_PAD_2 th { padding : 2 px ; }
. CELLS_PAD_2 td { padding : 2 px ; }
. CELLS_PAD_4 th { padding : 4 px ; }
. CELLS_PAD_4 td { padding : 4 px ; }
. CELLS_PAD_8 th { padding : 8 px ; }
. CELLS_PAD_8 td { padding : 8 px ; }
2014-12-01 23:55:08 +01:00
/*********************************** Title ***********************************/
. TIT {
margin : 16px auto 0 auto ;
2014-12-27 01:07:14 +01:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
font-size : 16pt ;
font-weight : bold ;
color : # 94745C ;
text-align : center ;
}
/********** Title of country, institution, centre, degree, course ************/
. TITLE_LOCATION
{
2014-12-27 01:07:14 +01:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
font-size : 20pt ;
font-weight : bold ;
color : # 808080 ;
}
/******************************* Map of country ******************************/
2015-01-16 01:28:42 +01:00
. COUNTRY_MAP_TITLE
{
width : 32px ; height : 32px ;
margin-right : 8px ;
vertical-align : top ;
}
2014-12-01 23:55:08 +01:00
. COUNTRY_MAP_SMALL
{
width : 50px ; height : 50px ;
}
. COUNTRY_MAP_SHOW
{
width : 250px ; height : 250px ;
margin : 8px ;
}
. COUNTRY_MAP_PRINT
{
width : 500px ; height : 500px ;
margin : 10px ;
}
/****************************** Photo of centre ******************************/
. CENTRE_PHOTO_SHOW
{
width : 384px ; height : 256px ;
padding : 5px ; margin : 8px ;
border : solid 1px # EEE ;
}
a : hover img . CENTRE_PHOTO_SHOW
{
border : solid 1px # CCC ;
box-shadow : 1px 1px 5px # 999 ;
}
. CENTRE_PHOTO_PRINT
{
width : 576px ; height : 384px ;
padding : 8px ; margin : 10px ;
border : solid 1px # EEE ;
box-shadow : 1px 1px 5px # 999 ;
}
/**************** Attribution (author and license) of images *****************/
. ATTRIBUTION
{
2014-12-27 01:07:14 +01:00
font-family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ;
2014-12-01 23:55:08 +01:00
color : # A0A0A0 ;
font-size : 7pt ;
max-width : 400px ;
}
/******************************* User's photo ********************************/
2014-12-30 15:14:43 +01:00
. PHOTO12x16 { width : 12 px ; height : 16 px ; vertical-align : middle ; border-radius : 2 px ; }
. PHOTO12x16B { width : 12 px ; height : 16 px ; vertical-align : middle ; border-radius : 2 px ; display : block ; }
. PHOTO15x20 { width : 15 px ; height : 20 px ; vertical-align : middle ; border-radius : 2 px ; }
. PHOTO18x24 { width : 18 px ; height : 24 px ; vertical-align : middle ; border-radius : 2 px ; }
. PHOTO24x32 { width : 24 px ; height : 32 px ; vertical-align : middle ; border-radius : 3 px ; }
. PHOTO36x48 { width : 36 px ; height : 48 px ; vertical-align : middle ; border-radius : 4 px ; }
. PHOTO75x100 { width : 75 px ; height : 100 px ; vertical-align : middle ; border-radius : 5 px ; }
. PHOTO150x200 { width : 150 px ; height : 200 px ; vertical-align : middle ; border-radius : 8 px ; }
2014-12-01 23:55:08 +01:00
. IMG_USR
{
width : 150px ;
height : 200px ;
border-radius : 5px ;
}
. ZOOM
{
position : absolute ;
z-index : 1000 ;
left : -162px ;
top : -300px ;
padding : 5px ;
background-color : rgba ( 255 , 255 , 255 , 0 . 8 ) ;
border-width : 1px ;
border-style : solid ;
border-color : # C0C0C0 ;
border-radius : 8px ;
box-shadow : 2px 4px 12px # 888 ;
}
. ZOOM_TXT
{
2014-12-27 01:07:14 +01: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 ;
font-size : 10pt ;
}
. NO_BR { white-space : nowrap ; }
. BG_MSG_BLUE { background-image : url ( '/swad/icon/blue1x36.gif' ) ; background-repeat : repeat-x ; }
. BG_MSG_GREEN { background-image : url ( '/swad/icon/green1x36.gif' ) ; background-repeat : repeat-x ; }
2014-12-30 12:37:15 +01:00
. WHITE_DEGREE { color : #707070 ; font-size : 14 pt ; font-weight : bold ; white-space : nowrap ; }
. GREY_DEGREE { color : #FFB42E ; font-size : 14 pt ; font-weight : bold ; white-space : nowrap ; }
. BLUE_DEGREE { color : #FFE880 ; font-size : 14 pt ; font-weight : bold ; white-space : nowrap ; }
. YELLOW_DEGREE { color : #FFC040 ; font-size : 14 pt ; font-weight : bold ; white-space : nowrap ; }
2014-12-01 23:55:08 +01:00
2014-12-30 12:37:15 +01:00
. WHITE_COURSE { color : #4D88A1 ; font-size : 14 pt ; white-space : nowrap ; }
2014-12-27 01:07:14 +01:00
. GREY_COURSE { font-Family : Georgia , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #F7F6F5 ; font-size : 14 pt ; white-space : nowrap ; }
2015-01-01 19:39:46 +01:00
. BLUE_COURSE { font-Family : Georgia , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : white ; font-size : 14 pt ; white-space : nowrap ; }
. YELLOW_COURSE { font-Family : Georgia , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : white ; font-size : 14 pt ; white-space : nowrap ; }
2014-12-01 23:55:08 +01:00
2014-12-30 12:37:15 +01:00
. WHITE_HEAD { color : #E0E0E0 ; font-size : 16 pt ; white-space : nowrap ; }
. GREY_HEAD { color : #E0E0E0 ; font-size : 16 pt ; white-space : nowrap ; }
2015-01-01 19:39:46 +01:00
. BLUE_HEAD { color : white ; font-size : 16 pt ; white-space : nowrap ; }
2014-12-30 12:37:15 +01:00
. YELLOW_HEAD { color : #B3B0B3 ; font-size : 16 pt ; white-space : nowrap ; }
2014-12-01 23:55:08 +01:00
2014-12-30 12:37:15 +01:00
. WHITE_USR { color : #E0E0E0 ; font-size : 16 pt ; font-weight : bold ; white-space : nowrap ; }
. GREY_USR { color : #E0E0E0 ; font-size : 16 pt ; font-weight : bold ; white-space : nowrap ; }
2015-01-01 19:39:46 +01:00
. BLUE_USR { color : white ; font-size : 16 pt ; font-weight : bold ; white-space : nowrap ; }
2014-12-30 12:37:15 +01:00
. YELLOW_USR { color : #B3B0B3 ; font-size : 16 pt ; font-weight : bold ; white-space : nowrap ; }
2014-12-01 23:55:08 +01:00
2014-12-30 12:37:15 +01:00
. WHITE_CONNECTED { color : #398000 ; font-size : 10 pt ; }
. GREY_CONNECTED { color : #398000 ; font-size : 10 pt ; }
. BLUE_CONNECTED { color : #398000 ; font-size : 10 pt ; }
. YELLOW_CONNECTED { color : #398000 ; font-size : 10 pt ; }
2014-12-01 23:55:08 +01:00
2014-12-30 12:37:15 +01:00
. WHITE_TITLE { color : #505050 ; font-size : 16 pt ; }
. GREY_TITLE { color : #505050 ; font-size : 16 pt ; }
. BLUE_TITLE { color : #4D88A1 ; font-size : 16 pt ; }
. YELLOW_TITLE { color : #FF4301 ; font-size : 16 pt ; }
2014-12-01 23:55:08 +01:00
/**************************** Icon highlighting ******************************/
. ICON_HIDDEN
{
opacity : 0 . 2 ;
}
. ICON_HIGHLIGHT
{
2014-12-31 19:51:49 +01:00
opacity : 0 . 7 ;
2014-12-01 23:55:08 +01:00
}
. ICON_HIGHLIGHT : hover
{
opacity : 1 ;
}
2015-01-01 14:34:06 +01:00
/*********************************** Tabs ************************************/
2014-12-01 23:55:08 +01:00
. WHITE_TAB_ON
{
2014-12-27 01:07:14 +01: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 ;
font-size : 20pt ;
font-weight : bold ;
line-height : 100 % ;
white-space : nowrap ;
}
. GREY_TAB_ON
{
2014-12-27 01:07:14 +01:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
color : # 606060 ;
font-size : 20pt ;
font-weight : bold ;
line-height : 100 % ;
white-space : nowrap ;
}
. BLUE_TAB_ON
{
2014-12-27 01:07:14 +01: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 ;
font-size : 20pt ;
font-weight : bold ;
line-height : 100 % ;
white-space : nowrap ;
}
. YELLOW_TAB_ON
{
2014-12-27 01:07:14 +01:00
font-family : Arial , "Nimbus Sans L" , "DejaVu LGC Sans" , "Bitstream Vera Sans" , sans-serif ;
2014-12-01 23:55:08 +01:00
color : # BD4815 ;
font-size : 20pt ;
font-weight : bold ;
line-height : 100 % ;
white-space : nowrap ;
}
2015-01-01 14:34:06 +01:00
/********************************* Menu fonts ********************************/
2014-12-30 12:37:15 +01:00
. WHITE_MENU_OFF { color : #707070 ; font-size : 20 pt ; line-height : 110 % ; }
. GREY_MENU_OFF { color : #707070 ; font-size : 20 pt ; line-height : 110 % ; }
. BLUE_MENU_OFF { color : #4D88A1 ; font-size : 20 pt ; line-height : 110 % ; }
. YELLOW_MENU_OFF { color : #FF4301 ; font-size : 20 pt ; line-height : 110 % ; }
2014-12-27 01:07:14 +01:00
2014-12-30 12:37:15 +01:00
. WHITE_MENU_ON { color : #4D88A1 ; font-size : 20 pt ; font-weight : bold ; line-height : 110 % ; }
. GREY_MENU_ON { color : #606060 ; font-size : 20 pt ; font-weight : bold ; line-height : 110 % ; }
. BLUE_MENU_ON { color : #4D88A1 ; font-size : 20 pt ; font-weight : bold ; line-height : 110 % ; }
. YELLOW_MENU_ON { color : #FF4301 ; font-size : 20 pt ; font-weight : bold ; line-height : 110 % ; }
2014-12-27 01:07:14 +01:00
2015-01-01 14:34:06 +01:00
/********************************* Form fonts ********************************/
. 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 : #FF4301 ; font-size : 16 pt ; }
2014-12-27 01:07:14 +01:00
2015-01-01 14:34:06 +01: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 : #FF4301 ; font-size : 16 pt ; white-space : nowrap ; }
. 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 : #FF4301 ; font-size : 16 pt ; font-weight : bold ; }
2014-12-27 01:07:14 +01:00
2015-04-07 21:44:24 +02:00
/********************************* Course info *******************************/
# crs_info
{
margin : 0 ;
padding : 0 10px ;
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 ;
padding : 5px ;
}
# crs_info td
{
border : 1px solid grey ;
padding : 5px ;
2015-04-07 21:44:24 +02:00
}
2015-04-11 02:04:23 +02:00
/************************ Help for the text editor ***************************/
. HELP_EDIT
{
2015-04-11 02:19:32 +02:00
margin : 10px ;
text-align : center ;
2015-04-11 02:04:23 +02:00
color : # 808080 ;
2015-04-11 02:19:32 +02:00
font-size : 10pt ;
2015-04-11 02:04:23 +02:00
}
2015-04-07 21:44:24 +02:00
/*****************************************************************************/
2014-12-27 01:07:14 +01:00
2014-12-30 12:37:15 +01:00
. FILENAME { color : #404040 ; font-size : 18 pt ; font-weight : bold ; }
2014-12-27 01:07:14 +01:00
2014-12-30 12:37:15 +01: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 : 14 pt ; }
2014-12-27 01:07:14 +01:00
2014-12-30 12:37:15 +01:00
. T1 { color : #404040 ; font-size : 16 pt ; }
. T2 { color : #404040 ; font-size : 14 pt ; }
. T3 { color : #404040 ; font-size : 12 pt ; }
2014-12-27 01:07:14 +01:00
2014-12-30 12:37:15 +01:00
. LST { color : #404040 ; font-size : 12 pt ; white-space : nowrap ; }
. LST_HID { color : #A0A0A0 ; font-size : 12 pt ; white-space : nowrap ; }
. LST_REC { color : #008000 ; font-size : 12 pt ; white-space : nowrap ; }
. LST_REC_HID { color : #89BE87 ; font-size : 12 pt ; white-space : nowrap ; }
. LST_EDIT { color : #404040 ; font-weight : bold ; font-size : 9 pt ; height : 16 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 : 9 pt ; height : 16 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 : 9 pt ; height : 16 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 : 9 pt ; height : 16 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-27 01:07:14 +01:00
2014-12-30 12:37:15 +01:00
. USR_ID { color : #404040 ; font-size : 16 pt ; font-weight : bold ; }
2014-12-27 01:07:14 +01:00
2014-12-30 12:37:15 +01: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
. DAT_SMALL { font-Family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #707070 ; font-size : 14 pt ; }
. DAT_SMALL_LIGHT { font-Family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #A0A0A0 ; font-size : 14 pt ; }
. DAT_SMALL_NOBR { font-Family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #707070 ; font-size : 14 pt ; white-space : nowrap ; }
. DAT_SMALL_N { font-Family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #404040 ; font-size : 14 pt ; }
. DAT_SMALL_NOBR_N { font-Family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #404040 ; font-size : 14 pt ; white-space : nowrap ; }
. DAT_SMALL_GREY { text-align : left ; font-Family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #707070 ; font-size : 14 pt ; }
. DAT_SMALL_RED { text-align : left ; font-Family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #FF0000 ; font-size : 14 pt ; }
. DAT_SMALL_GREEN { text-align : left ; font-Family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #008000 ; font-size : 14 pt ; }
. DAT_SMALL_BLUE { text-align : left ; font-Family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #0080FF ; font-size : 14 pt ; }
. DAT_SMALL_YELLOW { text-align : left ; font-Family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #C0C000 ; font-size : 14 pt ; }
. HEAD_REC { font-Family : Georgia , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #808080 ; font-size : 16 pt ; }
. HEAD_REC_SMALL { font-Family : Georgia , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #808080 ; font-size : 12 pt ; }
2015-03-17 10:42:06 +01:00
. REC_NAME { color : #808080 ; font-size : 20 pt ; font-weight : bold ; }
. REC_NICK { color : #808080 ; font-size : 16 pt ; font-weight : bold ; }
2014-12-30 12:37:15 +01:00
. DAT_REC { color : #404040 ; font-size : 14 pt ; line-height : 110 % ; }
. DAT_REC_SMALL { color : #808080 ; font-size : 14 pt ; line-height : 110 % ; }
. DAT_REC_SMALL_BOLD { color : #202020 ; font-size : 14 pt ; line-height : 110 % ; }
. MSJ_AVISO { color : #632921 ; font-size : 12 pt ; }
. TIT_TBL { color : #4D88A1 ; font-size : 14 pt ; }
2014-12-27 01:07:14 +01:00
. TIT_CLASSPHOTO { font-Family : Georgia , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #606060 ; font-size : 11 pt ; }
2014-12-30 12:37:15 +01:00
. CLASSPHOTO { color : #606060 ; font-size : 11 pt ; line-height : 100 % ; white-space : nowrap ; }
. GRP_TITLE { color : #4D88A1 ; font-size : 16 pt ; font-weight : bold ; }
. ASG_TITLE { color : #4D88A1 ; font-size : 16 pt ; font-weight : bold ; }
. ASG_TITLE_LIGHT { color : #AFC4CC ; font-size : 16 pt ; font-weight : bold ; }
. ASG_GRP { color : #4D88A1 ; font-size : 12 pt ; }
. ASG_GRP_LIGHT { color : #AFC4CC ; font-size : 12 pt ; }
. DATE_GREEN { color : #008000 ; font-size : 14 pt ; }
. DATE_GREEN_LIGHT { color : #89BE87 ; font-size : 14 pt ; }
. DATE_RED { color : #FF0000 ; font-size : 14 pt ; }
. DATE_RED_LIGHT { color : #F98A8A ; font-size : 14 pt ; }
. ASG_LST_DATE_GREEN { color : #008000 ; font-size : 12 pt ; white-space : nowrap ; }
. ASG_LST_DATE_RED { color : #FF0000 ; font-size : 12 pt ; white-space : nowrap ; }
. STATUS_GREEN { color : #008000 ; font-size : 14 pt ; }
. STATUS_GREEN_LIGHT { color : #89BE87 ; font-size : 14 pt ; }
. STATUS_RED { color : #FF0000 ; font-size : 14 pt ; }
. STATUS_RED_LIGHT { color : #F98A8A ; font-size : 14 pt ; }
2015-04-11 13:05:44 +02:00
/********************************** Tests ************************************/
2014-12-30 12:37:15 +01: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 : 20 pt ; }
. TEST { color : #404040 ; font-size : 14 pt ; }
2015-04-11 14:27:18 +02:00
. TEST_EXA { color : #404040 ; font-size : 14 pt ; }
. TEST_EXA_LIGHT { color : #A0A0A0 ; font-size : 14 pt ; }
. TEST_EDI { color : #404040 ; font-size : 14 pt ; }
. TEST_EDI_LIGHT { color : #A0A0A0 ; font-size : 14 pt ; }
2014-12-27 01:07:14 +01: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 ; }
. THEO { background-color : #C0DAE4 ; border : solid 2 px ; border-color : #C9E3ED #B5CFD9 #B5CFD9 #C9E3ED ; }
. PRAC { background-color : #DBE5E9 ; border : solid 2 px ; border-color : #E4EEF2 #D0DADE #D0DADE #E4EEF2 ; }
. TUTO { background-color : #D6E9C3 ; border : solid 2 px ; border-color : #DFEEE0 #CAE3B1 #CAE3B1 #DFEEE0 ; }
2014-12-30 12:37:15 +01:00
. CUR_TIME { color : #BAD2DA ; font-size : 12 pt ; font-weight : bold ; }
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-01-01 19:39:46 +01:00
. LAYOUT_OFF { height : 32 px ; text-align : center ; vertical-align : middle ; border : solid 1 px ; border-color : white ; background-color : white ; }
. LAYOUT_ON { height : 32 px ; text-align : center ; vertical-align : middle ; border : solid 1 px ; border-color : #C0DAE4 ; background-color : #DDECF1 ; }
2014-12-01 23:55:08 +01:00
2014-12-27 01:07:14 +01:00
. LOG { font-Family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #606060 ; font-size : 9 pt ; }
. LOG_R { font-Family : "Arial Narrow" , "Nimbus Sans L" , "DejaVu LGC Sans Condensed" , sans-serif ; color : #FF0000 ; font-size : 9 pt ; }
2014-12-27 01:28:49 +01:00
. MSG_TXT { font-Family : "Courier New" , "DejaVu LGC Sans Mono" , "Bitstream Vera Sans Mono" , monospace ; color : #404040 ; font-size : 10 pt ; }
2014-12-27 01:07:14 +01:00
2014-12-30 12:37:15 +01:00
. MSG_TIT { color : #4D88A1 ; font-size : 10 pt ; }
. MSG_TIT_NEW { color : #4D88A1 ; font-size : 10 pt ; font-weight : bold ; }
. MSG_TIT_REM { color : #AFC4CC ; font-size : 10 pt ; }
. MSG_TIT_BG { background-image : url ( '/swad/icon/blue1x36.gif' ) ; background-repeat : repeat-x ; color : #4D88A1 ; font-size : 10 pt ; }
. MSG_TIT_BG_NEW { background-image : url ( '/swad/icon/green1x36.gif' ) ; background-repeat : repeat-x ; color : #4D88A1 ; font-size : 10 pt ; font-weight : bold ; }
. MSG_TIT_BG_REM { background-image : url ( '/swad/icon/lightblue1x36.gif' ) ; background-repeat : repeat-x ; color : #AFC4CC ; font-size : 10 pt ; }
. MSG_AUT { color : #4D88A1 ; font-size : 9 pt ; }
. MSG_AUT_LIGHT { color : #AFC4CC ; font-size : 9 pt ; }
. MSG_AUT_NEW { color : #4D88A1 ; font-size : 9 pt ; font-weight : bold ; }
. MSG_AUT_BG { background-image : url ( '/swad/icon/blue1x36.gif' ) ; background-repeat : repeat-x ; color : #4D88A1 ; font-size : 9 pt ; }
. MSG_AUT_BG_NEW { background-image : url ( '/swad/icon/green1x36.gif' ) ; background-repeat : repeat-x ; color : #4D88A1 ; font-size : 9 pt ; font-weight : bold ; }
. MSG_AUT_BG_REM { background-image : url ( '/swad/icon/lightblue1x36.gif' ) ; background-repeat : repeat-x ; color : #AFC4CC ; font-size : 9 pt ; }
. MSG_DATE { color : #4D88A1 ; font-size : 9 pt ; }
. MSG_DATE_NEW { color : #4D88A1 ; font-size : 9 pt ; font-weight : bold ; }
2014-12-01 23:55:08 +01:00
. BT { width : 16 px ; text-align : left ; vertical-align : top ; }
. BT0 { width : 16 px ; text-align : left ; vertical-align : top ; background-color : #F4F2EA ; }
. BT1 { width : 16 px ; text-align : left ; vertical-align : top ; background-color : #FBFAF7 ; }
. BM { width : 16 px ; text-align : left ; vertical-align : middle ; }
. BM_SEL { width : 16 px ; text-align : left ; vertical-align : middle ; background-color : #C0FF40 ; }
. BM0 { width : 16 px ; text-align : left ; vertical-align : middle ; background-color : #F4F2EA ; }
. BM1 { width : 16 px ; text-align : left ; vertical-align : middle ; background-color : #FBFAF7 ; }
2014-12-27 01:07:14 +01:00
. CONV_TIT { font-Family : Garamond , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #404040 ; font-weight : bold ; font-size : 14 pt ; }
. CONV_TIT_IMPR { font-Family : Garamond , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #202020 ; font-weight : bold ; font-size : 14 pt ; }
. CONV_NEG { font-Family : Garamond , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #404040 ; font-weight : bold ; font-size : 11 pt ; white-space : nowrap ; }
. CONV_NEG_IMPR { font-Family : Garamond , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #202020 ; font-weight : bold ; font-size : 11 pt ; white-space : nowrap ; }
. CONV { font-Family : Garamond , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #404040 ; font-size : 11 pt ; }
. CONV_IMPR { font-Family : Garamond , "DejaVu LGC Serif" , "Bitstream Vera Serif" , serif ; color : #202020 ; font-size : 11 pt ; }
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-03-19 00:28:37 +01:00
font-size : 28pt ;
2015-03-12 14:45:40 +01:00
font-weight : bold ;
}
2015-03-21 19:55:00 +01:00
. FOLLOW_B
{
color : # 000000 ;
font-size : 28pt ;
font-weight : bold ;
}
. PRF_ICON_CONTAINER
{
width : 20px ;
}
. PRF_ICON
{
margin : auto ;
display : block ;
width : 16px ;
height : 16px ;
opacity : 0 . 33 ;
}
. PRF_FIG
{
text-align : left ;
vertical-align : middle ;
}
2015-03-12 14:45:40 +01:00
2014-12-30 12:37:15 +01:00
. CON { color : #B8D070 ; font-size : 9 pt ; line-height : 110 % ; white-space : nowrap ; }
. CON_CRS { color : #398000 ; font-size : 9 pt ; line-height : 110 % ; white-space : nowrap ; }