From f543608e943b34d98d146872264f01d333b2f3d5 Mon Sep 17 00:00:00 2001 From: Guillaume Pellerin Date: Mon, 9 Jun 2025 12:31:19 +0200 Subject: [PATCH] update videojs, css from prod --- teleforma/static/teleforma/css/teleforma.css | 1835 ++++++++++++++- .../static/teleforma/video-js/video-js.css | 2012 +++++++++++++---- .../static/teleforma/video-js/video.min.js | 47 +- .../video-js/videojs-seek-buttons.css | 2 + .../video-js/videojs-seek-buttons.min.js | 2 + .../teleforma/course_conference_record.html | 35 +- 6 files changed, 3415 insertions(+), 518 deletions(-) create mode 100644 teleforma/static/teleforma/video-js/videojs-seek-buttons.css create mode 100644 teleforma/static/teleforma/video-js/videojs-seek-buttons.min.js diff --git a/teleforma/static/teleforma/css/teleforma.css b/teleforma/static/teleforma/css/teleforma.css index 300226d2..09be8596 100644 --- a/teleforma/static/teleforma/css/teleforma.css +++ b/teleforma/static/teleforma/css/teleforma.css @@ -10,7 +10,7 @@ body { color: #333; background: #FFF; margin: 0em; - background:no-repeat url(/static/telemeta/images/bg_yt.png) 0 0; + background:no-repeat url(/static/teleforma/images/bg_yt.png) 0 0; background-color:#ebebeb; background-repeat:repeat } @@ -34,6 +34,7 @@ a:hover { text-decoration: underline; } + a img { border: none; } .rst-content h1 { @@ -53,15 +54,15 @@ a img { border: none; } /* Min-width */ #layout { - min-width: 740px; + min-width: 0px; } #content { /*margin-top: 1em;*/ position: relative; - margin-left: 3%; - margin-right: 2em; - margin-bottom: 0em; + margin-left: 3%; +margin-right: 2em; +margin-bottom: 0em; } #content ul, #content ul ul, #content ol { @@ -71,17 +72,21 @@ a img { border: none; } font-size: 0.8em; clear: both; } + #content ul ul { font-size: 1.1em; padding-left: 0; } + #content li { padding: .2em; padding-left: 0; } + #content li a { padding: .1em 0; } + #content h1 { color: #000000; font-weight: bold; @@ -99,23 +104,29 @@ a img { border: none; } } #logo_wrapper { - width: 2%; - margin: 0em auto; + width: 30px; + height: 34px; + margin-right: 20px; float: left; } #logo { - width: 2%; + width: 30px; margin:0em auto; padding-top: 0.6em; padding-bottom: 0.5em; - } +} #logo a, #logo a:hover { border: none; background: transparent; } #header { padding: 0em; -/* background: url("/static/telemeta/images/waves.png") 100% 0% no-repeat; */ + background-color: #000000 ; + background:no-repeat url(/static/teleforma/images/tw_hd.png) 0 0; + background-color:#ebebeb; + background-repeat:repeat; + /* border-top: .25em solid #6a0307; */ + /* background: url("/static/telemeta/images/waves.png") 100% 0% no-repeat; */ } #content_header, #header{ @@ -180,13 +191,26 @@ a img { border: none; } #collection_player { background: transparent; - /* background-image: url(/static/telemeta/images/grid_bg_2.png); */ } #collection_player .title { padding: 2px 5px 7px 5px; } +.block { + background-color: #FFF; + -moz-border-radius: 8px 0px 8px 8px; + -webkit-border-radius: 8px 0px 8px 8px; + border-radius: 8px 0px 8px 8px; + padding: 0em 0em 0em 0.8em; + margin-top: 0.8em; + margin-bottom: 0.8em; + border: 1px solid #dfdfdf; +} + +.important { + background-color: rgb(255, 240, 240); +} .exporter { background-color: #fff; @@ -282,8 +306,8 @@ input[type=reset][disabled] { border-style: solid; color: #999; } -input[type=text], input[type=password], input.textwidget, textarea { border: 1px solid #ccc; } -input[type=text], input[type=password], input.textwidget { padding: .25em .1em } +input[type=text], input[type=password], input[type=email], input.textwidget, textarea { border: 1px solid #ccc; } +input[type=text], input[type=password], input[type=email], input.textwidget { padding: .25em .1em } input[type=text]:focus, input[type=password]:focus, input.textwidget:focus, textarea:focus { border-color: #aaa; } @@ -455,13 +479,12 @@ form.login .submit { /* Main navigation bar (borrowed from Trac) */ #menu { - background-color: #000000 ; - background:no-repeat url(/static/telemeta/images/tw_hd.png) 0 0; - background-color:#ebebeb; - background-repeat:repeat; + background-color: transparent; + border-top: 0; font: normal verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif; - border-top: 1px solid #333; - padding-left: 5.1%; + padding-left: 0; + margin-left: 3%; + margin-right: 2em; } #menu a, #menu a:visited{ @@ -478,7 +501,7 @@ form.login .submit { border-top-right-radius: 5px 5px; font-weight: bold; font-size: 14px; - padding: .5em 1em; + padding: .5em 1.5em; } #menu a:hover, #menu a.active{ @@ -509,6 +532,7 @@ form.login .submit { margin:0; padding:0; list-style:none; + display: inline-block; } /* make the LI display inline */ @@ -518,7 +542,7 @@ form.login .submit { #nav li { display:inline-block; position:relative; -z-index:500; +z-index: auto; } /* this is the parent menu */ @@ -546,31 +570,29 @@ color:#FFF; background-color: #333; color: #FFF; width:100%; + z-index: 800; } #nav ul li { width: 100%; float:left; border-bottom:0px solid #fff; - background:no-repeat url(/static/telemeta/images/tw_hd.png) 0 0; - background-color:#ebebeb; - background-repeat:repeat; + background: #494949; /* Old browsers */ + background: -moz-linear-gradient(top, #494949 3%, #0e0e0e 52%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, #494949 3%,#0e0e0e 52%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, #494949 3%,#0e0e0e 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ + border-radius: 0; } /* display block will make the link fill the whole area of LI */ #nav ul a { display:block; height: auto; - padding: 0.8em 0.5em 0.5em 0.5em; + padding: 0.8em 0.3em 0.8em 0.3em; /* font-size: 0.9em; */ text-align:left; - -webkit-border-top-left-radius:0px 0px; - moz-border-radius-topleft: 0px 0px; - border-top-left-radius: 0px 0px; - -webkit-border-top-right-radius:0px 0px; - moz-border-radius-topright: 0px 0px; - border-top-right-radius: 0px 0px; - border-bottom-width: 0px; + border-radius: 0; } #nav ul a:hover { @@ -588,7 +610,7 @@ color:#FFF; /* Footer (borrowed from Trac) */ #footer { background: #000000; - background:no-repeat url(/static/telemeta/images/tw_hd.png) 0 0; + background:no-repeat url(/static/teleforma/images/tw_hd.png) 0 0; background-color:#ebebeb; background-repeat:repeat; clear: both; @@ -596,14 +618,12 @@ color:#FFF; font-size: 0.8125em; border-top: 1px solid #FFF; border-bottom: 1px solid #000; - height: 30px; - padding: 0em 0.5em 10px 0.5em; + height: 36px; + padding: 0em 0.5em 0.5em 0.5em; margin-top: 1.5em; } #footer :link, #footer :visited { color: #FFF; } #footer hr { display: none } -#footer #telemeta_powered { border: 0; float: left } -#footer #telemeta_powered:hover { background: transparent } #footer p { margin: 0; } #footer p.left { float: left; @@ -764,7 +784,7 @@ dl.dublincore dd.caption { color: #000000 !important; text-decoration: none; margin: 0; - background: transparent url(/static/telemeta/css/more.png) no-repeat left top; + background: transparent url(/static/teleforma/images/more.png) no-repeat left top; background-position: 0 -16px; padding-bottom: 2px; padding-left: 16px; @@ -876,8 +896,8 @@ table.listing th.asc a, table.listing th.desc a { background-position: 100% 50%; background-repeat: no-repeat; } -table.listing th.asc a { background-image: url(/static/telemeta/images/asc.png) } -table.listing th.desc a { background-image: url(/static/telemeta/images/desc.png) } +table.listing th.asc a { background-image: url(/static/teleforma/images/asc.png) } +table.listing th.desc a { background-image: url(/static/teleforma/images/desc.png) } table.listing tbody td, table.listing tbody th { padding: .33em .5em; vertical-align: top; @@ -1061,7 +1081,7 @@ a.image-link { padding:2px; } .markerdiv .ts-marker{ - background-image: url('/static/telemeta/images/marker_tiny.png'); text-align: center; min-width:3ex; + background-image: url('/static/teleforma/images/marker_tiny.png'); text-align: center; min-width:3ex; } .markerdiv .ts-marker, .markerdiv .markersdivOffset, .markerdiv .markersdivTitle, .markerdiv .markersdivAddPlaylist, .markerdiv .markersdivEdit{margin-right:.8ex;} .markerdiv div a, .markerdiv div a:visited, .markerdiv div a:hover{ @@ -1076,9 +1096,9 @@ a.image-link { .markerdiv .ts-marker, .markerdiv .ts-marker:hover, .markerdiv .ts-marker:visited{ font-family: monospace; background: #e65911;color: #FFF;padding-left: .3ex; padding-right:.3ex; } -.markersdivDelete{ background-image: url('/static/telemeta/images/del_marker.png');width:15px;height:2ex;background-repeat: no-repeat;} +.markersdivDelete{ background-image: url('/static/teleforma/images/del_marker.png');width:15px;height:2ex;background-repeat: no-repeat;} /*backfround-repeat is redundant with .markerDiv a,.. defined above but this way .markersDivDelete is re-usable in other context (eg popupdiv*/ -.markersdivAddPlaylist{ background-image: url('/static/telemeta/images/add_playlist_marker.png');width:13px;height:2ex; } +.markersdivAddPlaylist{ background-image: url('/static/teleforma/images/add_playlist_marker.png');width:13px;height:2ex; } .markersdivTitle{ font-weight:bold;} .markersdivEdit, .markersdivEdit:hover, .markersdivEdit:visited{ line-height: normal; @@ -1088,7 +1108,7 @@ a.image-link { font-size: 65%; border:2px solid #666; background-color: #fff; - background-image: url('/static/telemeta/images/edit_marker.png'); + background-image: url('/static/teleforma/images/edit_marker.png'); -moz-border-radius: 1ex; -webkit-border-radius: 1ex; border-radius: 1ex; } .markersdivSave, .markersdivSave:hover, .markersdivSave:visited{ @@ -1098,7 +1118,7 @@ a.image-link { padding:.7ex; padding-left: 20px; background-position: 5px center; -moz-border-radius: 1ex;-webkit-border-radius: 1ex;border-radius: 1ex; - background-image: url('/static/telemeta/images/ok.png'); + background-image: url('/static/teleforma/images/ok.png'); } .markerdiv{ border: 1px solid #aaaaaa; @@ -1131,10 +1151,16 @@ a.image-link { padding:4px 8px 4px 26px; /*top right bottom left - last value depends on the icon size (default=16)*/ } +table.listing tbody td.show_more_videos { + text-align:center; + padding: 1.5em 0em; +} + .button, .button:visited, .button:hover{ font-weight: bold; border: 1px solid #e1e1e1; white-space:nowrap; + cursor: pointer; /* border-top: 1px solid #e1e1e1 !important; border-left: 1px solid #e1e1e1 !important; border-right: 1px solid #e1e1e1 !important; @@ -1150,6 +1176,21 @@ a.image-link { color: #000; /*#6A0307;*/ } +.appointment a button{ + background: #444; + color: #fff; + border: 3px double #ccc; + padding: .1em .5em; + font-weight: bold; + cursor: pointer; + border-radius: 8px; + font-size: 100%; + padding: 5px 15px; +} +.appointment a button:hover{ + background: #000; +} + #action_blue { background-color: #357ae8; color: #FFF; @@ -1179,6 +1220,7 @@ a.image-link { background-color: #e65911; color: #FFF; padding:0.8em 0.8em 0.8em 0.8em; + display: inline-block; } #action_yellow { @@ -1198,52 +1240,52 @@ a.image-link { } .icon_edit{ - background-image: url('/static/telemeta/images/edit_page.png'); + background-image: url('/static/teleforma/images/edit_page.png'); } .icon_copy{ - background-image: url('/static/telemeta/images/copy_page.png'); + background-image: url('/static/teleforma/images/copy_page.png'); } .icon_previous{ - background-image: url('/static/telemeta/images/previous.png'); + background-image: url('/static/teleforma/images/previous.png'); } .icon_next{ - background-image: url('/static/telemeta/images/next.png'); + background-image: url('/static/teleforma/images/next.png'); } .icon_dublin_core{ - background-image: url('/static/telemeta/images/dublin_core.png'); + background-image: url('/static/teleforma/images/dublin_core.png'); } .icon_cancel{ - background-image: url('/static/telemeta/images/cancel.png'); + background-image: url('/static/teleforma/images/cancel.png'); } .icon_save{ - background-image: url('/static/telemeta/images/save.png'); + background-image: url('/static/teleforma/images/save.png'); } .icon_add{ - background-image: url('/static/telemeta/images/add.png'); + background-image: url('/static/teleforma/images/add.png'); } .icon_add_to_playlist{ - background-image: url('/static/telemeta/images/add_to_playlist.png'); + background-image: url('/static/teleforma/images/add_to_playlist.png'); } .icon_login{ - background-image: url('/static/telemeta/images/password.png'); + background-image: url('/static/teleforma/images/password.png'); } .icon_search{ - background-image: url('/static/telemeta/images/find.png'); + background-image: url('/static/teleforma/images/find.png'); } .icon_ok{ - background-image: url('/static/telemeta/images/ok.png'); + background-image: url('/static/teleforma/images/ok.png'); } .icon_csv{ - background-image: url('/static/telemeta/images/csv.png'); + background-image: url('/static/teleforma/images/csv.png'); } .icon_playlist{ - background-image: url('/static/telemeta/images/playlist.png'); + background-image: url('/static/teleforma/images/playlist.png'); } .icon_filter{ - background-image: url('/static/telemeta/images/filter.png'); + background-image: url('/static/teleforma/images/filter.png'); } .icon_delete{ - background-image: url('/static/telemeta/images/delete.png'); + background-image: url('/static/teleforma/images/delete.png'); } .icon_download{ background-image: url('/static/teleforma/images/download_media.png'); @@ -1252,10 +1294,13 @@ a.image-link { background-image: url('/static/teleforma/images/tool-animator.png'); } .icon_speaker{ - background-image: url('/static/telemeta/images/text-speak.png'); + background-image: url('/static/teleforma/images/text-speak.png'); +} +.icon_wait{ + background-image: url('/static/teleforma/images/wait.gif'); } .icon_rss,.icon_rss:hover{ - background: url('/static/telemeta/images/feed-icon-14x14.png') no-repeat; + background: url('/static/teleforma/images/feed-icon-14x14.png') no-repeat; background-position: 0ex .8ex; padding:.0ex 0ex .8ex .7ex; text-decoration: none; @@ -1336,6 +1381,34 @@ input,textarea{ border-top: 1px dotted #000000; } +#content #actus_list .newsitem{ + margin-top: 2em; +} +#content #actus_list .newsitem header h3{ + color: #355ea2; + font-weight: bold; + font-size: 1.2em; + margin-bottom: 5px; +} +#content #actus_list .newsitem header p{ + font-size: 0.8em; + margin-top: 5px; + margin-bottom: 5px; +} +#content #actus_list .newsitem section{ + background-color: #FFF; + -moz-border-radius: 8px 0px 8px 8px; + -webkit-border-radius: 8px 0px 8px 8px; + border-radius: 8px 0px 8px 8px; + margin-top: 0em; + border: 1px solid #dfdfdf; + padding: 1.3em 0.8em; +} + +#content #actus_list .pagination{ + margin: 2em 0; +} + #module-set { float: right; clear: right; @@ -1344,9 +1417,9 @@ input,textarea{ #module-set .module { border: 1px solid #000; - background: repeat-y url(/static/telemeta/images/tw_hd.png) 0 0; + background: repeat url(/static/teleforma/images/tw_hd.png) 0 0; padding: 0.2em; - margin: 2em 1em 0em 0em; + margin: 0; -moz-border-radius: 8px 0px 11px 11px; -webkit-border-radius: 8px 0px 11px 11px; border-radius: 8px 0px 11px 11px; @@ -1373,7 +1446,7 @@ input,textarea{ #module-set-left .module { border: 1px solid #000; - background: repeat-y url(/static/telemeta/images/tw_hd.png) 0 0; + background: repeat url(/static/teleforma/images/tw_hd.png) 0 0; padding: 0.2em; margin: 0em 0em 1.5em 0em; -moz-border-radius: 8px 0px 11px 11px; @@ -1419,11 +1492,188 @@ input,textarea{ } +#module-set .ui-tabs.ui-widget-content{ + margin-top: 15px; +} +#module-set .ui-tabs.ui-widget-content h3{ + vertical-align: middle; + display: inline-block; +} +#module-set .ui-tabs.ui-widget-content h3 img{ + vertical-align: middle; +} + +#module-set .ui-tabs.ui-widget-content ul.ui-tabs-nav{ + padding: 0; + margin: 0; +} +#module-set .ui-tabs.ui-widget-content ul.ui-tabs-nav:after { + content: ""; + display: table; + clear: both; +} + +#module-set .ui-tabs.ui-widget-content ul.ui-tabs-nav li{ + display: inline-block; + width: 50%; + text-align: center; + padding: 0; + box-sizing: border-box; + margin-top: 3px; + float:left; +} + +#module-set .ui-tabs.ui-widget-content ul.ui-tabs-nav li a{ + font-size:1.1em; + color: #333; + padding: 1em 0; + display: block; + box-sizing: border-box; + float:left; + width: 80%; + background-color: rgba(255, 255, 255, .2); + border-left: 1px solid #000; + border-right: 1px solid #666; + opacity: 0.5; +} +#module-set .ui-tabs.ui-widget-content ul.ui-tabs-nav li a:hover{ + background-color: rgba(255, 255, 255, .1); + opacity: 1; +} + +#module-set .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-tabs-active a{ + background-color: rgba(255, 255, 255, 0); + opacity: 1; + color: #fff; +} + +#module-set .ui-tabs.ui-widget-content ul.ui-tabs-nav li.ui-tabs-active a+a:hover{ + background-color: rgba(255, 255, 255, 0.2); +} + +#module-set .ui-tabs.ui-widget-content ul.ui-tabs-nav li a+a{ + width: 20%; +} +#module-set .ui-tabs.ui-widget-content .ui-widget-content{ + background-color: #FFF; + color: #000; +} + + + +#module-set .ui-tabs.ui-widget-content .ui-widget-content .newsitem{ + padding: 10px 5px; + border-bottom: 1px solid #CCC; + margin-bottom: 10px; + border-radius: 0; +} +#module-set .ui-tabs.ui-widget-content .ui-widget-content .newsitem:first-child{ + padding-top: 20px; +} +#module-set .ui-tabs.ui-widget-content .ui-widget-content .newsitem:last-child{ + border-bottom: 0; + margin-bottom: 0; + padding-bottom: 20px; +} + +#module-set .ui-tabs.ui-widget-content .ui-widget-content .newsitem header p{ + font-size: 0.8125em; + margin: 5px 0; + line-height: 1.3em; +} +#module-set .ui-tabs.ui-widget-content .ui-widget-content .newsitem header h3{ + color: #355ea2; + display: block; + font-size: 1.05em; + display: inline-block; + width: 85%; + margin: 0; +} + +#module-set .ui-tabs.ui-widget-content .ui-widget-content .newsitem header ul.actions{ + padding: 0; + text-align: right; + display: inline-block; + width: 15%; + margin: 0; + float: right; + position: relative; + top: 2px; +} +#module-set .ui-tabs.ui-widget-content .ui-widget-content .newsitem header ul.actions li{ + list-style-type: none; + display: inline-block; + padding: 0; + font-size: 1.3em; + margin-right: 5px; +} +#module-set .ui-tabs.ui-widget-content .ui-widget-content .newsitem header ul.actions li+li{ + margin-right: 0px; +} + +#module-set .ui-tabs.ui-widget-content .ui-widget-content .newsitem header ul.actions li img{ + border-radius: 0; + width: 12px; + height: 12px; +} + +#module-set .ui-tabs.ui-widget-content .ui-widget-content .newsitem section{ + font-size: 1.1em; + font-size: 0.9em; + word-wrap: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + -o-hyphens: auto; + hyphens: auto; +} + +#module-set .ui-tabs.ui-widget-content footer{ + text-align: center; + padding: 10px 0; + background: repeat url(/static/teleforma/images/tw_hd.png) 0 0; +} + +#module-set .ui-tabs.ui-widget-content footer a{ + display: inline-block; + width: 100%; + color: #FFF; +} + +#module-set .ui-tabs.ui-widget-content footer a:hover{ + text-decoration: underline; +} + +form.add_actus p:after{ + content: ""; + display: table; + clear: both; +} + +form.add_actus label{ + display: inline-block; + font: 1em Verdana, sans-serif; + line-height: 1.3em; + color: #333; + font-weight: bold; + min-width: 105px; +} + +form.add_actus label[for="id_text"]{ + float: left; +} +form.add_actus #id_text_parent{ + float: left; + margin-left: 7px; +} + + + .desk_center { float: left; width: 50%; padding: 0em 3em 0em 2em; - max-height: 550px; + /*max-height: 550px;*/ overflow-y: auto; } @@ -1453,7 +1703,7 @@ input,textarea{ } #large_scroll { - max-height: 750px; + /*max-height: 750px;*/ overflow-y: auto; padding: 0em 1em 0em 0em; } @@ -1464,7 +1714,7 @@ input,textarea{ -moz-border-radius: 8px 0px 8px 8px; -webkit-border-radius: 8px 0px 8px 8px; border-radius: 8px 0px 8px 8px; - background:no-repeat url(/static/telemeta/images/bg_yt.png) 0 0; + background:no-repeat url(/static/teleforma/images/bg_yt.png) 0 0; background-color:#ebebeb; background-repeat:repeat; } @@ -1478,8 +1728,18 @@ input,textarea{ padding: 0em; font-weight: bold; font-size: 1.2em; - } - + display: flex; + flex-direction: row; + justify-content: space-between; +} +.create-bbb-conference { + font-size: 0.8em; +} +.bbb-placeholder { + width: 100%; + height: 116px; + background-color: #dfdfdf; +} .course_content { background-color: #FFF; -moz-border-radius: 8px 0px 8px 8px; @@ -1506,14 +1766,26 @@ input,textarea{ -moz-border-radius: 8px 0px 8px 8px; -webkit-border-radius: 8px 0px 8px 8px; border-radius: 8px 0px 8px 8px; - width: 720px; + width: 54%; /* border: 2px solid #CCC; */ } +.course_media .video-js{ + max-width: 100%; + height: auto !important; + width: 100% !important; +} +.course_media .video-js .vjs-tech{ + position: static; + width: 100%; + height: auto; +} + #media_infos { background-color: #FFF; padding: 0.3em 0.8em 0.3em 0.8em; - width: 620px; + width: 100%; + box-sizing: border-box; } .video { @@ -1583,7 +1855,7 @@ input,textarea{ #chatwindow { min-height: 10em; - max-height: 42em; + max-height: 21em; border-bottom: 1px solid; padding: 0.8em; overflow: auto; @@ -1602,6 +1874,10 @@ input,textarea{ -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } @@ -1635,6 +1911,9 @@ input,textarea{ /* TeleCaster */ +.messages { + margin-top: 20px; +} .status { padding: 0.5em; -moz-border-radius: 8px 0px 8px 8px; @@ -1665,3 +1944,1411 @@ input,textarea{ .conference_form textarea { font-size: 1.2em; } + +.conference-big-button { + line-height: 2; +} + + +.info { + margin-top: 0.3em; + color: white; + padding: 0.3em 0.3em 0.5em 0.8em; + background-color: #008000; + -moz-border-radius: 8px 0px 8px 8px; + -webkit-border-radius: 8px 0px 8px 8px; + border-radius: 8px 0px 8px 8px; +} + +.success { + margin-top: 1em; + color: white; + padding: 0.3em 0.3em 0.5em 0.8em; + background-color: #008000; + -moz-border-radius: 8px 0px 8px 8px; + -webkit-border-radius: 8px 0px 8px 8px; + border-radius: 8px 0px 8px 8px; +} + +.warning { + margin-top: 0.3em; + color: white; + padding: 0.3em 0.3em 0.5em 0.8em; + background-color: #e65911; + -moz-border-radius: 8px 0px 8px 8px; + -webkit-border-radius: 8px 0px 8px 8px; + border-radius: 8px 0px 8px 8px; +} + +.error { + color: white; + padding: 0.3em; + background-color: #db4b39; + -moz-border-radius: 8px 0px 8px 8px; + -webkit-border-radius: 8px 0px 8px 8px; + border-radius: 8px 0px 8px 8px; +} + +.errorlist { + color: red; +} + +.errorlist li { + font-size: 1.2em; +} + + +.register { + width: 80%; + font-size: 1.1em; + margin-top: 1em; + margin-bottom: 4em; + border: 0px dotted #888; + padding: 1em; + background-color: #FFF; + -moz-border-radius: 8px 0px 8px 8px; + -webkit-border-radius: 8px 0px 8px 8px; + border-radius: 8px 0px 8px 8px; +} + +.register-error { + color: #BB0000; +} + +#_registerForm{ + margin: 1em auto 4em auto; + padding: 3em 5em; +} +#_registerForm, #_registerForm *{ + box-sizing: border-box; +} +#_registerForm:after { + content: ""; + display: table; + clear: both; +} + +#_registerForm h1{ + background-color: #000; + display: block; + width: 100%; + padding: 18px 20px; + color: #FFF; + text-transform: uppercase; + margin: 0; +} +#_registerForm h2{ + background-color: #F2F2F2; + display: block; + width: 100%; + padding: 10px 20px; + color: #000; + text-transform: uppercase; + margin: 0; +} +#_registerForm h2 img{ + width: 22px; + height: auto; + margin-right: 10px; + position: relative; + top: 2px; +} +#_registerForm h2 img.votreformation{ + width: 15px; + height: auto; + margin-right: 17px; +} + +#_registerForm fieldset{ + border: 0; + background: transparent; + padding: 0; + margin: 30px 0 50px 0; +} + +#_registerForm .column { +-webkit-column-count: 2; +-moz-column-count: 2; +column-count: 2; +-webkit-column-gap: 40px; +-moz-column-gap: 40px; +column-gap: 40px; +-webkit-column-rule: 0; +-moz-column-rule: 0; +column-rule: 0; +} +#_registerForm fieldset .info_champs{ + margin: 0 0 00px 0; + overflow: hidden; + padding: 15px 0; + position: relative; + -webkit-column-break-inside: avoid; + page-break-inside: avoid; + break-inside: avoid-column; + word-wrap: break-word; +} +#_registerForm fieldset label{ + display: inline-block; + max-width: 190px; +} +#_registerForm fieldset input[type="text"], #_registerForm fieldset input[type="email"]{ + width: calc(100% - 190px); + margin: 0; + float: right; +} +#_registerForm fieldset #id_portrait{ + margin-left: 10px; +} + + +#_registerForm fieldset select{ + margin: 0; + float: right; + width: calc(100% - 200px); +} +#_registerForm fieldset span.required{ + color: red; +} +#_registerForm fieldset span.error{ + color: red; + padding: 0; + position: absolute; + top: 0; + left: 0; + font-size: 10px; +} +#_registerForm fieldset span.error ul{ + padding: 0; + margin: 0; +} + +#_registerForm fieldset .helptext{ + font-style: italic; + color: #CCC; + font-size: 10px; + line-height: 12px; + position: absolute; + left: 190px; + top: -2px; +} +#_registerForm fieldset.form_select .helptext{ + left: 200px; + +} +#_registerForm .error{ + background: transparent; + color: red; + font-style: italic; + font-size: 12px; +} + +#_registerForm .submit-panel{ + width: calc(50% - 20px); + float: right; + background-color: #F2F2F2; +} +#_registerForm .submit-panel div { + padding: 5px 15px 25px 15px; +} +#_registerForm .submit-panel .captcha-div{ + padding: 5px 0px; +} + +#_registerForm .submit-panel label{ + font-size: 12px; +} +#_registerForm .submit-panel label[for="id_accept"]{ + font-weight: bold; +} +#_registerForm .submit-panel input[type="text"]{ + width: 90px; +} +#_registerForm .submit-panel .captcha{ + position: relative; + top: 13px; +} +#_registerForm .submit-panel .component_icon{ + background-color: #000; + color: #FFF; + display: inline-block; + border-radius: 0; + border: 0; + padding: 15px; + text-align: center; + text-transform: uppercase; + width: 100%; +} +#_registerForm .submit-panel .component_icon:hover{ + border: 0 !important; +} + +@media (max-width: 1286px) { + #_registerForm fieldset #id_portrait{ + margin-left: 0; + display: block; + } + #_registerForm fieldset label[for="id_portrait"]{ + position: relative; + top: -15px; + } +} +@media (max-width: 1245px) { + #_registerForm .submit-panel label[for="id_accept"]{ + display: inline-block; + margin-bottom: 15px; + } + #_registerForm .submit-panel span{ + display: block; + } + + #_registerForm fieldset label { + max-width: 190px; + } + #_registerForm fieldset select{ + width: calc(100% - 190px); + } + #_registerForm fieldset.form_select .helptext{ + left: 190px; + } + #_registerForm { + padding: 3em 1em; + width: 100%; + } + #_registerForm .column{ + border: 0; + background: transparent; + -moz-column-count: 2; + -webkit-column-count:2; + column-count:2; + -moz-column-gap: 20px; + -webkit-column-gap:20px; + column-gap:20px; + padding: 0; + margin: 30px 0 50px 0; + } +} +@media (max-width: 1200px) { + #_registerForm fieldset{ + margin: 10px 0 10px 0; + } + +} +@media (max-width: 835px) { + + #_registerForm .column{ + border: 0; + background: transparent; + -moz-column-count: 1; + -webkit-column-count: 1; + column-count:1; + -moz-column-gap: 0px; + -webkit-column-gap:0px; + column-gap:0px; + + } + #_registerForm fieldset #id_portrait{ + margin-left: 10px; + display: inline-block; + } + #_registerForm fieldset label[for="id_portrait"]{ + position: relative; + top: 0px; + } + #_registerForm .submit-panel{ + width: 100%; + float: none; + margin-top: 10px; + } + #_registerForm .submit-panel span{ + display: inline; + } + #_registerForm fieldset{ + margin: 0; + } +} +@media (max-width: 535px) { + #_registerForm fieldset #id_portrait{margin-left: 0;} + #_registerForm .submit-panel input[type="text"] { + width: 60px; + } +} + +.select-day{ + margin-bottom: 15px; +} + +.select-day .next_day, +.select-day .previous_day{ + cursor: pointer; + border: 1px solid #ccc; + background: #FFF; + padding: 2px 5px 2px 5px; + color: #444; + border-radius: 4px; + position: relative; + top: 2px; +} +.booking_day table{ + margin:0; + padding:0; + background:none; + border:none; + border-collapse:collapse; + border-spacing:0; +} + +.booking_day table tr th{ + padding: 5px 15px; +} + +.booking_day table tr td{ + padding: 0; + text-align: center; +} + +.booking_day table tr td button[type="submit"]{ + padding: 5px 15px; + margin: 5px; + cursor: pointer; + background: #92b220; + color: #FFF; + font-size: 12px; + font-weight: bold; + border: 0; +} + +.booking_day table tr td button[type="submit"]:hover{ + background: #8aa81e; +} + +.cancel_form button[type="submit"]{ + padding: 2px 15px; + margin: 5px; + cursor: pointer; + font-weight: bold; +} + +.booking_day table tr td strong{ + font-size: 12px; + color: #444; +} + +.ui-dialog .ui-dialog-titlebar-close{ + position: relative; +} +.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { + padding: 1px !important; +} + +.ui-dialog .ui-dialog-titlebar-close.ui-state-hover{ + border: 0; + background: transparent; + font-weight: bold; + color: #000; +} + +.ui-dialog .ui-dialog-titlebar-close:before{ + content: "X"; + position: absolute; + top: 2px; + left: 3px; + color: #000; +} + +#content ul.messages{ + list-style: none; + padding: 0; + padding-left: 0px; + padding-left: 0; + font-size: 0.8em; + clear: both; +} + +#content ul.messages li{ + padding: 4px 10px; +} + +/*! jQuery UI - v1.9.2 - 2018-09-18 +* http://jqueryui.com +* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.button.css, jquery.ui.dialog.css, jquery.ui.theme.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px +* Copyright jQuery Foundation and other contributors; Licensed MIT */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { display: none; } +.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } +.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } +.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } +.ui-helper-clearfix:after { clear: both; } +.ui-helper-clearfix { zoom: 1; } +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { cursor: default !important; } + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } +.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } +.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } +.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } +.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ +.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } +.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ +button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ +.ui-button-icons-only { width: 3.4em; } +button.ui-button-icons-only { width: 3.7em; } + +/*button text element */ +.ui-button .ui-button-text { display: block; line-height: 1.4; } +.ui-button-text-only .ui-button-text { padding: .4em 1em; } +.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } +.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } +.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } +.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } +/* no icon support for input elements, provide padding by default */ +input.ui-button { padding: .4em 1em; } + +/*button icon element(s) */ +.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } +.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } +.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } +.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } +.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } + +/*button sets*/ +.ui-buttonset { margin-right: 7px; } +.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } + +/* workarounds */ +button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ +.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; } +.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } +.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } +.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } +.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } +.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } +.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } +.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } +.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } +.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } +.ui-draggable .ui-dialog-titlebar { cursor: move; } + +/* Component containers +----------------------------------*/ +.ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } +.ui-widget .ui-widget { font-size: 1em; } +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } +.ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } +.ui-widget-content a { color: #333333; } +.ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } +.ui-widget-header a { color: #333333; } + +/* Interaction states +----------------------------------*/ +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #454545; text-decoration: none; } +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } +.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #2b2b2b; text-decoration: none; } +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #dad55e; background: #fffa90; color: #777620; } +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #777620; } +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } +.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } +.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } +.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } +.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */ + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { width: 16px; height: 16px; background-image: url("images/ui-icons_444444_256x240.png"); } +.ui-widget-content .ui-icon {background-image: url("images/ui-icons_444444_256x240.png"); } +.ui-widget-header .ui-icon {background-image: url("images/ui-icons_444444_256x240.png"); } +.ui-state-default .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("images/ui-icons_555555_256x240.png"); } +.ui-state-active .ui-icon {background-image: url("images/ui-icons_ffffff_256x240.png"); } +.ui-state-highlight .ui-icon {background-image: url("images/ui-icons_777620_256x240.png"); } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("images/ui-icons_cc0000_256x240.png"); } + +/* positioning */ +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-on { background-position: -96px -144px; } +.ui-icon-radio-off { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; } +.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } + +/* Overlays */ +.ui-widget-overlay { background: #aaaaaa; opacity: .3;filter:Alpha(Opacity=30); } +.ui-widget-shadow { margin: 0px 0 0 0px; padding: 5px; background: #666666; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } + + + + + +/*#layout { + min-height: 100vh; +} + +#layout #content{ + min-height: calc(100vh - 151px); + margin-top: 41px; +}*/ + +#layout .viewer{ + min-height: calc(100vh - 141px); + margin-top: 11px; +} +#layout .pdfViewer .canvasWrapper { + box-shadow: 0 0 3px #bbb; +} +.pdfViewer .page { + margin-bottom: 10px; +} + +#layout .annotationLayer { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + } + +#layout .viewer #content-wrapper { + position: absolute; + top: 85px; + left: 0; + right: 250px; + bottom: 0; + overflow: auto; + height: calc(100% - 80px); + width: calc(100% - 250px); + } + +#layout .viewer #comment-wrapper { + position: absolute; + top: 85px; + right: 0; + bottom: 0; + overflow: auto; + width: 250px; + background: #eaeaea; + border-left: 1px solid #d0d0d0; + } +#layout #comment-wrapper h4 { + margin: 10px; + } +#layout #comment-wrapper .comment-list { + font-size: 12px; + position: absolute; + top: 38px; + left: 0; + right: 0; + bottom: 0; + } +#layout #comment-wrapper .comment-list-item { + border-bottom: 1px solid #d0d0d0; + padding: 10px; + cursor: pointer; + } +#layout #comment-wrapper .comment-list-item.selected { + background-color: rgba(0, 191, 255, 0.5); +} +#layout #comment-wrapper .comment-list-item.selected:hover { + background-color: rgba(0, 191, 255, 0.3); +} + +#layout #comment-wrapper .comment-list-item:hover { + background-color: #dfdfdf; +} +#layout #comment-wrapper .comment-list-container { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0px; + overflow: auto; + } +#layout #comment-wrapper .comment-list-form { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 10px; + } +#layout #comment-wrapper .comment-list-form input { + padding: 5px; + width: 100%; + } + + +/* _____ ______ _____ _____ ____ _ _ _____ _______ ________ +| __ \| ____|/ ____| __ \ / __ \| \ | |/ ____|_ _\ \ / / ____| +| |__) | |__ | (___ | |__) | | | | \| | (___ | | \ \ / /| |__ +| _ /| __| \___ \| ___/| | | | . ` |\___ \ | | \ \/ / | __| +| | \ \| |____ ____) | | | |__| | |\ |____) |_| |_ \ / | |____ +|_| \_\______|_____/|_| \____/|_| \_|_____/|_____| \/ |______| +*/ + + + +#footer table{ + max-width: 1200px; + margin: 0 auto; +} +#footer tr td:first-child{ + width: 220px; +} + +/*les padding*/ + +@media (max-width: 1200px) { + #header, #footer, #content{ + padding-left: 20px; + padding-right: 20px; + } + #content, #menu{ + margin: 0; + } +} + +/**/ + +@media (max-width: 1024px) { + + #nav ul li{ + background-image: none; + /*background: #3b3b3b; + background: -moz-linear-gradient(top, #3b3b3b 0%, #2c2c2c 100%); + background: -webkit-linear-gradient(top, #3b3b3b 0%,#2c2c2c 100%); + background: linear-gradient(to bottom, #3b3b3b 0%,#2c2c2c 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#2c2c2c',GradientType=0 );*/ + + background: #494949; /* Old browsers */ + background: -moz-linear-gradient(top, #494949 3%, #0e0e0e 52%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, #494949 3%,#0e0e0e 52%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, #494949 3%,#0e0e0e 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#0e0e0e',GradientType=0 ); + + } + #menu a, #menu a:visited{ + padding: .5em 1em; + } + #nav ul a{ + font-size: 0.8em; + } + + #module-set { + float: none; + clear: left; + padding-right: 0em; + width: 100% !important; + } + #module-set .module { + float: none; + margin: 0; + overflow: hidden; + background-image: none; + background: #494949; /* Old browsers */ + background: -moz-linear-gradient(top, #494949 3%, #0e0e0e 52%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, #494949 3%,#0e0e0e 52%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, #494949 3%,#0e0e0e 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#0e0e0e',GradientType=0 ); + + } + #module-set .module .msg input[type="submit"]{ + width: 120px; + float: right; + } + + #module-set-left, .desk_center{ + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + /*#module-set-left{ + width: 30% !important; + }*/ + + #module-set-left .module ul{ + padding-left: 0.8em; + } + + #module-set-left .module ul li{ + display: inline-block; + width: 100%; + position: relative; + } + + #module-set-left .module ul li:before{ + position:absolute; + content: "■"; + top: 3px; + left: -10px; + } + + .desk_center{ + float: left; + width: 74%; + padding: 0em 0em 0em 1em; + overflow-y: auto; + } + .course_media { + float: left; + width: 76%; + padding: 0em 0em 0em 1em; + overflow-y: auto; + margin: 0 0 25px 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + .desk_large { + width: 73%; + padding: 0em 0em 0em 1em; + } + + .desk_large .infos{ + width: 100% !important; + } + + table.listing tbody td a{ + word-break: break-all; + -webkit-hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + -o-hyphens: auto; + hyphens: auto; + } + + #module-set-left { + width: 23% !important; + } + .module_action { + text-align: center; + margin: 0; + padding: 0; + max-width: 100%; + } + + .write_content #_messageForm table{ + max-width: 100% !important; + table-layout: fixed; + width: 100%!important; + } + + .write_content #_messageForm table th{ + width: 110px; + text-align: left; + } + + .write_content #_messageForm table td{ + width: calc(100% - 120px); + } + + .write_content #_messageForm table input[type="text"], .write_content #_messageForm table textarea{ + width: 100% !important; + max-width: 100% !important; + } + #users, #users table{ + padding: 0; + } +} + + + +@media (max-width: 850px) { + + input[type="text"], input[type="password"], input.textwidget { + padding: .5em .1em; + } + + #menu a, #menu a:visited{ + font-size: 12px; + } + + #nav ul a{ + font-size: 0.7em; + } + + form.login:after { + content: ""; + display: table; + clear: both; + } + + + form.login{ + float: none; + } + form.login label { + padding-top: 0.7em; + } + + form.login input{ + width: calc(100% - 12em); + } + + + form.login>div{ + float: right; + margin-top: 0px !important; + } + + #action_red{ + display: inline-block; + } + + .content_video table.listing { + table-layout: fixed; + } + .content_video table.listing tbody td:first-child{ + width: 70px!important; + vertical-align: top !important; + padding-top: 1em; + } +} + +/**/ + +@media (max-width: 760px) { + .desk_large .course #password{ + float: none !important; + margin-top: 10px; + } + .desk_large .course #password a{ + display: inline-block; + } + +} + +/**/ + +@media (max-width: 730px) { + #header{ + background-image: none; + background: #3b3b3b; /* Old browsers */ + background: -moz-linear-gradient(top, #3b3b3b 0%, #2c2c2c 100%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, #3b3b3b 0%,#2c2c2c 100%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, #3b3b3b 0%,#2c2c2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-9 */ + } + #menu{ + text-align: center; + } + #logo_wrapper{ + margin-right: 0; + } + + dl.listing dd { + margin-left: 91px; + font-weight: bold; + } + + #module-set-left { + width: 26% !important; + } + .desk_messages, .desk_large, .desk_center.home { + width: 71% !important; + } + .course_media { + width: 74%; + } + + .module_action a{ + font-size: 12px; + } +} + + +@media (max-width: 660px) { + + + #module-set-left { + width: 100% !important; + padding: 0; + } + #module-set-left .module { + margin: 0em 0em 0.5em 0em; + } + + #module-set-left .module ul{ + -moz-column-count:3; + -webkit-column-count:3; + -o-column-count:3; + column-count:3; + -moz-column-gap:30px; + -webkit-column-gap:30px; + -o-column-gap:30px; + column-gap:30px; + -webkit-column-rule-width:1px; + -webkit-column-rule-color:#cbcefb; + -webkit-column-rule-style:dotted; + -moz-column-rule-width:1px; + -moz-column-rule-color:#cbcefb; + -moz-column-rule-style:dotted; + -o-column-rule-width:1px; + -o-column-rule-color:#cbcefb; + -o-column-rule-style:dotted; + column-rule-width:1px; + column-rule-color:#cbcefb; + column-rule-style:dotted; + } + + .desk_center, .desk_large, .desk_center.home{ + width: 100% !important; + padding: 0em; + } + + .module_action { + text-align: right; + margin-bottom: 15px; + padding-bottom: 15px; + border-bottom: 1px solid #ccc; + } + .desk_messages { + width: 100% !important; + padding-left: 0; + } + + .write_content #_messageForm table th, + .write_content #_messageForm table td{ + width: 100%; + display: block; + } + .write_content #_messageForm table{ + margin-top: 15px; + } + + .write_content #_messageForm table input[type="text"], + .write_content #_messageForm table textarea{ + margin: 0 0 15px 0; + } + + .course_media { + width: 100%; + padding: 0; + margin-top: 15px; + } +} + + +@media (max-width: 540px) { + #module-set-left .module ul{ + -moz-column-count:2; + -webkit-column-count:2; + -o-column-count:2; + column-count:2; + } + #module-set-left .module ul li a{ + font-size: 11px; + line-height: 14px; + } + + .content_video table.listing tbody td:first-child{ + width: 40px!important; + vertical-align: top !important; + padding-top: 1em; + } + .content_video table.listing tbody td:nth-child(2){ + width: 67%!important; + } + .component_icon.button.icon_filter { + font-size: 11px; + } + + #users{ + overflow-y: scroll; + position: relative; + } + + .shadow{ + + } + + /*#users:after{ + content:""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: block; + background: -moz-linear-gradient(left, rgba(0,0,0,0) 88%, rgba(0,0,0,0.4) 100%); + background: -webkit-linear-gradient(left, rgba(0,0,0,0) 88%,rgba(0,0,0,0.4) 100%); + background: linear-gradient(to right, rgba(0,0,0,0) 88%,rgba(0,0,0,0.4) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=1 ); + }*/ + + #users table{ + min-width: 620px; + } + + #users table th:first-child{ + width: 60px; + } + #users table th:nth-child(6),#users table th:nth-child(7){ + width: 70px; + } + .nv-controlsWrap.nvd3-svg{ + transform: translate(-80px,-70px) !important + } +} + +@media (max-width: 440px) { + + .nv-controlsWrap.nvd3-svg{ + transform: translate(-86px,-70px) !important + } + + .nv-legendWrap.nvd3-svg{ + transform: translate(230px,-70px) !important + } + + #nav ul{ + width: 120%; + left: 50%; /* poussé de la moitié de hauteur du référent */ + -ms-transform: translateX(-50%); /* IE 9 */ + -webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */ + transform: translateX(-50%); /* tiré de la moitié de sa propre hauteur */ + } + + #nav ul a { + font-size: 0.8em; + } + + .desk_center.home .video{ + max-width: 100%; + } + .content_video table.listing tbody td:first-child{ + width: 100%!important; + } + .content_video table.listing tbody td:nth-child(2){ + width: 100%!important; + } + .content_video table.listing tbody td{ + display: block; + width: 100%; + padding-left: 0 !important; + } + #footer{ + height: auto; + text-align: center; + background-image: none; + background: #3b3b3b; /* Old browsers */ + background: -moz-linear-gradient(top, #3b3b3b 0%, #2c2c2c 100%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, #3b3b3b 0%,#2c2c2c 100%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, #3b3b3b 0%,#2c2c2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-9 */ + } + #footer tr td{ + display: inline-block; + } + #footer p.right{ + text-align: center; + } + #pm_by_modes{ + float: none !important; + margin-bottom: 15px; + } + #pm_messages { + font-size: 0.85em; + } + .desk_large .course .course_content:after { + content: ""; + display: table; + clear: both; + } + + .desk_large .course .course_content .infos dl.listing dd{ + float: left; + margin-left: 0; + width: 60%; + } + + +} + +#payment_summary{ + background-color: #FFF; + -moz-border-radius: 8px 0px 8px 8px; + -webkit-border-radius: 8px 0px 8px 8px; + border-radius: 8px 0px 8px 8px; + padding: 2em; + margin: 0.8em 0; + border: 1px solid #dfdfdf; +} +#payment_summary h2{ + margin-top: 0; + margin-bottom: 30px; +} +#payment_summary table{ + text-align: left; + border-collapse: collapse; + border-spacing: 0; +} +#payment_summary table tr th, +#payment_summary table tr td{ + padding: 8px 40px 8px 0; + border-bottom: 1px solid #dfdfdf; + +} +#payment_summary table tr td:last-child{ + font-weight: bold; + color: #4f628a; +} + +#payment_summary table tr.topay td:last-child{ + color: red; +} +#payment_summary table tr.paid td:last-child{ + color: #92b220; +} +#payment_summary table tr.pending td:last-child{ + color: #f3ad17; +} +#payment_summary table tr.pending{ + font-weight: bold; +} + + +#content .home-text { + border: 1px solid #505050; + box-shadow: 2px 2px 9px -2px #505050; + padding: 0; +} +#content .home-text h2 { + /* background-color: #355ea2; */ + background: repeat url(/static/teleforma/images/tw_hd.png) 0 0; + border-top-left-radius: 5px; + color: white; + margin: 0; + font-size: 1.1em; + padding: 10px; +} +#content .home-text p { + padding-left: 0.8em; +} + +#retractation-form { + padding: 20px; +} +#retractation-form p, #retractation-form input { + margin-left: 20px; +} +#retractation-form p { + display: flex; + flex-direction: row-reverse; + justify-content: start; + font-weight: bold; +} \ No newline at end of file diff --git a/teleforma/static/teleforma/video-js/video-js.css b/teleforma/static/teleforma/video-js/video-js.css index b604459d..cea8037b 100644 --- a/teleforma/static/teleforma/video-js/video-js.css +++ b/teleforma/static/teleforma/video-js/video-js.css @@ -1,492 +1,1664 @@ -/* -VideoJS Default Styles (http://videojs.com) -Version GENERATED_AT_BUILD -*/ - -/* -REQUIRED STYLES (be careful overriding) -================================================================================ */ -/* When loading the player, the video tag is replaced with a DIV, - that will hold the video tag or object tag for other playback methods. - The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video. - - ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element. - Otherwise you risk messing up control positioning and full window mode. ** -*/ -.video-js { - background-color: #000; position: relative; padding: 0; +@charset "UTF-8"; +.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { + text-align: center; +} + +@font-face { + font-family: VideoJS; + src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"); + font-weight: normal; + font-style: normal; +} +.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { + content: "\f101"; +} + +.vjs-icon-play-circle { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-play-circle:before { + content: "\f102"; +} + +.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { + content: "\f103"; +} + +.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { + content: "\f104"; +} + +.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { + content: "\f105"; +} + +.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { + content: "\f106"; +} + +.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { + content: "\f107"; +} + +.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { + content: "\f108"; +} + +.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { + content: "\f109"; +} + +.vjs-icon-square { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-square:before { + content: "\f10a"; +} + +.vjs-icon-spinner { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-spinner:before { + content: "\f10b"; +} + +.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, +.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, +.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, +.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, +.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, +.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, +.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, +.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, +.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { + content: "\f10c"; +} + +.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, +.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, +.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { + content: "\f10d"; +} + +.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { + content: "\f10e"; +} + +.vjs-icon-share { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-share:before { + content: "\f10f"; +} + +.vjs-icon-cog { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-cog:before { + content: "\f110"; +} + +.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { + content: "\f111"; +} + +.vjs-icon-circle-outline { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-circle-outline:before { + content: "\f112"; +} + +.vjs-icon-circle-inner-circle { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-circle-inner-circle:before { + content: "\f113"; +} - /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */ +.vjs-icon-hd { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-hd:before { + content: "\f114"; +} + +.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { + content: "\f115"; +} + +.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { + content: "\f116"; +} + +.vjs-icon-facebook { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-facebook:before { + content: "\f117"; +} + +.vjs-icon-gplus { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-gplus:before { + content: "\f118"; +} + +.vjs-icon-linkedin { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-linkedin:before { + content: "\f119"; +} + +.vjs-icon-twitter { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-twitter:before { + content: "\f11a"; +} + +.vjs-icon-tumblr { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-tumblr:before { + content: "\f11b"; +} + +.vjs-icon-pinterest { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-pinterest:before { + content: "\f11c"; +} + +.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { + content: "\f11d"; +} + +.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { + content: "\f11e"; +} + +.vjs-icon-next-item { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-next-item:before { + content: "\f11f"; +} + +.vjs-icon-previous-item { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-previous-item:before { + content: "\f120"; +} + +.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { + content: "\f121"; +} + +.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { + font-family: VideoJS; + font-weight: normal; + font-style: normal; +} +.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before { + content: "\f122"; +} + +.video-js { + display: block; + vertical-align: top; + box-sizing: border-box; + color: #fff; + background-color: #000; + position: relative; + padding: 0; font-size: 10px; + line-height: 1; + font-weight: normal; + font-style: normal; + font-family: Arial, Helvetica, sans-serif; + word-break: initial; +} +.video-js:-moz-full-screen { + position: absolute; +} +.video-js:-webkit-full-screen { + width: 100% !important; + height: 100% !important; +} - /* Allow poster to be vertially aligned. */ - vertical-align: middle; - /* display: table-cell; */ /*This works in Safari but not Firefox.*/ +.video-js[tabindex="-1"] { + outline: none; +} + +.video-js *, +.video-js *:before, +.video-js *:after { + box-sizing: inherit; } -/* Playback technology elements expand to the width/height of the containing div.