Seu Electrònica - Universitat de Lleida

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="ca" xmlns="https://www.w3.org/1999/xhtml" xml:lang="ca"> <head> <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">  <title>Seu Electrònica - Universitat de Lleida</title> <meta http-equiv="Content-Language" content="ca-ES" /> <meta name="Copyright" content="Universitat de Lleida, UdL" /> <meta name="Keywords" content="UdL,Universitat, University" /> <meta name="Description" content="Universitat de Lleida" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>   <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script> <link href="js/jplayer/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jplayer/jquery.jplayer.min.js"></script> <script type="text/javascript" src="js/blur.min.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />   <style> /* @override http://www.quadrati.com/udl/css/estils.css */ /* Carregam els del framework 960 */ @import url('css/960.css'); /* Aplicam el reset dels elements genèrics */ @import url('css/reset.css'); /* Aplicam els estils de text */ @import url('css/text.css'); /* Aplicam les icones per als enllaços */ @import url('css/iconize.css'); /* Modificam el cercador de Google */ /*@import url('cercador-google.css');*/ /* Estils del pluguin del carrusel de la portada */ /*@import url('style.aw-showcase.css');*/ /* Etiquetes generals */ html body { padding: 0px; margin: 0px; background: #8E1B5C; color:#8E1B5C; font-family:Arial, Helvetica, sans-serif; } #fondet { height:64px; width:100%; padding-top:0px; text-align:center; background:url('https://seuelectronica.udl.cat/imatges/pop/loading.gif') no-repeat center; background-size:cover; -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); position: absolute; left:0; top: 100px; z-index: 1; } #logo { position: absolute; // Reposition logo from the natural layout left: 1px; top: 0px; width: 300px; height: 200px; z-index: 4; } #infoArt { /* position: absolute; // Reposition logo from the natural layout left: 1px; top: 0px; width: 300px; height: 200px; color:#00FF00; font-family: "PT Sans", "Trebuchet MS", sans-serif; font-size: 1.6em; line-height: 1.2em; padding: 2px 2px; text-shadow: 1px 1px 0px #000000; */ padding: 10px 30px 0; font-weight: normal; font-style: normal; color: #3d7a98; } a, a:link { text-decoration: none; color: #000000; } a:hover { text-decoration: underline; } a.link-intern { padding: 0.8em 1.2em 0.6em 0em; margin-right: 5px; background: transparent url(../imatges/icones/link-extern.png) no-repeat center right; } h1 { line-height: 1.2em; } h2 { padding: 10px 30px 0; font-weight: normal; font-style: normal; color: #3d7a98; } h1 { font-size: 1.2em; padding: 0px 10px 0; font-weight: normal; font-style: italic; color: #000000; text-shadow: 2px 2px 0 #FFFFFF; } #minipeu { font-size: 0.2em; padding: 0px 10px 0; font-weight: normal; font-style: italic; color: #000000; text-shadow: 2px 2px 0 #FFFFFF; } #noticies h2, #novetats h2 { color: #330623; border-bottom: 3px solid #999; padding: 6px 0; font-weight: normal; } h3 { color: #330623; border-bottom: 3px solid #999; padding: 6px 15px; } p { padding: 0; } p.rss { padding: 5px 0px 5px 20px; background: transparent url(../imatges/icones/rss.png) no-repeat 0 7px; position: absolute; margin-right: 20px; top: 3px; right: 0; text-align: right; font-size: 0.8em; } /* Estructura */ /* capçalera */ #capsalera { padding: 0px 0px; width: 980px; } #menu-superior { padding: 0; margin: 0 25px 0 0; height: 24px; float: right; font-size: 0.7em; letter-spacing: 1px; } #menu-superior ul { list-style: none; margin: 0; float: left; } #menu-superior li { margin: 0; float: left; } #menu-superior li a { color: #fff; padding: 2px 8px; float: left; } #menu-superior li a:hover { background-color: #000; text-decoration: none; } /* dalt */ #dalt { float: left; width: 980px; height: 149px; margin: 0; background: no-repeat 350px 30px; } #logo { padding-top: 0px; margin-right: 15px; margin-left: 0%; } /* perfils */ #perfils { padding: 12px 0px 13px 0px; } #perfils ul { list-style: none; margin: 0 0 0 -4px; } #perfils li { margin: 0; padding: 2px 0; color: #fff; text-shadow: #313131 1px 1px 1px; } #perfils li a { color: #fff; text-shadow: #313131 1px 1px 1px; font-size: 0.8em; letter-spacing: 2px; padding: 3px 6px; clear: left; text-transform: uppercase; } #perfils li a:hover { background-color: #330623; text-decoration: none; } /* menu */ #menu { height: 36px; padding: 0px 10px; } ul#topnav { margin-bottom: 0; margin-right: 10px; margin-left: 0px; list-style: none; } ul#topnav li { float: left; margin: 0; padding: 0 10px; position: relative; font-size: 1em; text-shadow: #333 1px 1px 2px; } ul#topnav li a { float: left; color: #fff; height: 36px; line-height: 36px; } ul#topnav li .indicador-submenu { float: left; color: #fff; height: 36px; line-height: 38px; padding: 0 0 0 5px; } ul#topnav li:hover { background-color: #540633; text-shadow: #333 1px 1px 2px; } ul#topnav li a:hover { text-decoration: none; color: #7bc7d1; } ul#topnav li.inici a { background: url(../imatges/estructura/inici.png) no-repeat 2px 9px; width: 24px; text-indent: 50px; overflow: hidden; padding: 0; } ul#topnav li.inici a:hover { background-color: #540633; } /* submenus */ ul#topnav li .sub { position: absolute; top: 36px; left: 0; z-index: 100; background-color: #540633; padding: 5px 10px 15px 10px; float: left; display: none; } ul#topnav li .row { clear: both; float: left; } ul#topnav li .sub ul { list-style: none; margin: 0; padding: 0; width: 200px; float: left; } ul#topnav .sub ul li { width: 200px; padding: 0; text-shadow: #333 1px 1px 2px; } ul#topnav .sub ul li a { float: none; height: auto; padding: 8px 2px; display: block; text-decoration: none; color: #fff; text-transform: none; font-size: 0.9em; line-height: 1.4em; letter-spacing: 0px; } ul#topnav .sub ul li a:hover { color: #7bc7d1; text-shadow: #333 1px 1px 2px; } /* cercador Google */ #cse-search-form { width: 290px; padding: 7px 0 0 0; float: right; color: #000; vertical-align: text-bottom; } #cse { width: 426px; border-top: none; position: absolute; z-index: 999; right: 205px; top: 197px; } div.gsc-results.gsc-webResult { background-color: #f1f1ec; padding: 20px; } table.gsc-resultsHeader { border-bottom: 0px solid #e9e9e9; } a.gs-title { font-size: 1.2em; } a.gs-title b { font-weight: bold; } /* caixa */ #caixa { padding-top: 20px; padding-left: 10px; padding-right: 10px; background-color: #fff; } /* cos */ #cos { margin-bottom: 20px; } /* columna principal */ h1.portada { display: none; } /* portada */ #carrusel { margin-bottom: 20px; width: 640px; height: 360px; z-index: 1; overflow: hidden; } /* altres pàgines */ #miquetesdepa { margin-bottom: 10px; font-size: 0.8em; top: -2px; position: relative; } p.data { font-size: 0.75em; text-transform: uppercase; color: #777; } h1.titular { margin-bottom: 10px; } h2.subtitular { font-size: 1.1em; line-height: 1.3em; padding-top: 0; padding-bottom: 10px; border-bottom: 1px solid #ccc; font-weight: normal; } /* contingut ample */ #contingut-ample p { margin: 0 0 1em 0; text-align: justify; } #contingut-ample img { padding-bottom: 20px; } #contingut-ample img.mitjana { float: right; padding: 5px 0px 20px 20px; } #contingut-ample img.petita { float: right; padding: 5px 0px 20px 20px; } /* contingut estret */ #contingut-estret p { margin: 0 0 1em 0; width: 400px; text-align: justify; } #contingut-estret img { padding-bottom: 20px; } #contingut-estret img.petita { float: right; padding: 5px 0px 20px 20px; } /* peus d'imatge / destacats */ #contingut-ample .destacat, #contingut-estret .destacat { background-color: #f1f1ec; padding: 10px; margin-left: 20px; margin-bottom: 20px; font-size: 1em; border-top: 4px solid #ccc; float: right; width: 200px; clear: right; text-align: left; } #contingut-ample .destacat.gran { width: 380px; } #contingut-ample img.mitjana.esquerra { padding: 0px 20px 0px 0px; margin-bottom: 20px; float: left; } #contingut-ample .destacat.dreta, #contingut-estret .destacat.dreta { margin: 0 0 20px 0; float: left; } #contingut-ample .informacio-relacionada.dreta, #contingut-estret .informacio-relacionada.dreta { margin: 0 0 20px 0; } #contingut-ample .informacio-relacionada, #contingut-estret .informacio-relacionada { background-color: #f1f1ec; padding: 10px; margin-left: 20px; margin-bottom: 20px; font-size: 0.8em; float: right; width: 200px; clear: right; text-align: left; } #contingut-ample .informacio-relacionada.gran, #contingut-estret .informacio-relacionada.gran { width: 380px; } /* bloc destacat gran */ .bloc-destacat-gran { margin-bottom: 20px; } .bloc-destacat-gran h2 { font-size: 1.2em; margin-bottom: 10px; } .bloc-destacat-gran ul { list-style-type: none; margin: 0; padding: 10px; border-bottom: 1px solid #ccc; background-color: #f1f1ec; display: block; } .bloc-destacat-gran li { list-style-type: none; margin: 0; padding: 5px 0; border-bottom: 1px solid #ccc; display: block; } .bloc-destacat-gran li:hover { background-color: #f1f1ec; } /* bloc destacats petits */ #blocs-destacats-petits { margin: 0; } .bloc-destacat-petit { margin-bottom: 10px; padding: 10px; background-color: #ccc; width: 140px; } .bloc-destacat-petit:hover { background-color: #f1f1ec; } /* Més informació */ #mes-informacio { float: none; clear: both; } #mes-informacio h3 { font-size: 1em; border-bottom: 2px solid #ccc; padding: 4px 0; font-weight: normal; font-style: normal; } #mes-informacio li { margin: 5px 0; border-bottom: 1px solid #55555; list-style: none; font-size: 0.9em; line-height: 1.4em; display: block; } #peu2 { border-radius: 6px; border-top: 9px solid #999; padding-top: 0px; padding-bottom: 0.7em; border-bottom: 0px solid #333; margin: 1% 0px 0px 30.4%; padding-left: 0px; padding-right: 0px; background-color: #f1f1ec; width: 560px; opacity: 0.8; z-index:8; } /* peu */ #peu { border-radius: 6px; border-top: 9px solid #999; padding-top: 0px; padding-bottom: 10px; border-bottom: 0px solid #333; margin: 1% 0px 0px 30.4%; padding-left: 0px; padding-right: 0px; background-color: #f1f1ec; width: 610px; opacity: 1.0; z-index:8; } #peu p { margin-bottom: 5px; font-size: 1.1em; } #peu ul { list-style: none; margin-left: 0; } #peu li { margin: 0; padding: 15px 5px; font-size: 0.9em; line-height: 1.4em; color: #666; border-bottom: 1px solid #777; } .botoUDL { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:2px solid #ff0000; display:inline-block; color:#000; font-family:arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }.botoUDL:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }.botoUDL:active { position:relative; top:1px; } </style> <script type="text/javascript" > function getPicture(the_user_id, your_div_id,UseHD){ var apiKey = "ffb7c2ba02644ca2ff08741926df126e"; // replace this with your API key var url_to_a_photo_head = "https://api.flickr.com/services/rest/?method=flickr.photos.getSizes&api_key="+apiKey+"&photo_id="; var url_to_a_photo_tail = "&format=json&jsoncallback=?"; // get an array of random photos $.getJSON( "https://api.flickr.com/services/rest/", { method:'flickr.photosets.getPhotos', api_key: apiKey, user_id: the_user_id, photoset_id : '72157663651164436', format: 'json', nojsoncallback: 1, per_page: 12 // you can increase this to get a bigger array }, function(data){ // if everything went good if(data.stat == 'ok'){ // get a random id from the array var photoId = data.photoset.photo[ Math.floor( Math.random() * data.photoset.photo.length ) ]; photoId=photoId.id; // now call the flickr API and get the picture with a nice size $.getJSON( "https://api.flickr.com/services/rest/", { method: 'flickr.photos.getSizes', api_key: apiKey, photo_id: photoId, format: 'json', nojsoncallback: 1 }, function(response){ if(response.stat == 'ok'){ //var the_url = response.sizes.size[10].source; if(UseHD) var the_url =response.sizes.size[6].source; else var the_url = response.sizes.size[3].source; var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; //console.log(photoId + ' ' +apiKey); //$("#"+your_div_id).append('<img src="' + the_url + '" width="1772" height="1183"/>'); var DialogWidth=$('#peu').width(); var xMargin= (w-DialogWidth)/2; $('#peu').css('margin','1% 0px 0px '+xMargin+'px'); $('#peu2').css('margin','1% 0px 0px '+xMargin+'px'); /* // *Versió Body background image $('body').css('background-size',w+'px '+h+' px'); document.body.style.backgroundImage="url('"+ the_url+"')"; */ $('#fondet').css('top','0px'); $('#fondet').css('left','0px'); $('#fondet').css('width',w+'px'); $('#fondet').css('height',h+'px'); //alert(w+' '+h); $('#fondet').css('background',"url('"+ the_url+"') no-repeat center"); $('#fondet').css('background-size','cover'); $('#fondet').css('z-index','1'); if(UseHD) { $('#fondet').css('-webkit-filter','blur(0px)'); $('#fondet').css('-moz-filter','blur(0px)'); $('#fondet').css('-o-filter','blur(0px)'); $('#fondet').css('-ms-filter','blur(0px)'); $('#fondet').css('filter','blur(0px)'); } else { $('#fondet').css('-webkit-filter','blur(3px)'); $('#fondet').css('-moz-filter','blur(3px)'); $('#fondet').css('-o-filter','blur(3px)'); $('#fondet').css('-ms-filter','blur(3px)'); $('#fondet').css('filter','blur(3px)'); } //$('#loader').css('display','none'); } else{ console.log(" The request to get the picture was not good :\ ") } } ); } else { console.log(" The request to get the array was not good :( "); } } ); } function canviFondo() { getPicture("79822116@N06","logo",true); } $("document").ready(function () { $("#jpId").jPlayer( { ready: function () { $(this).jPlayer("setMedia", { title:"'La suave melodia' (Andrea Falconieri) pertanyent al 'El Sarao de la Chacona' de Joan Araniés (http://www.femap.cat/botiga-ca/cd-nuevo-sarao-detail)", mp3: "https://seuelectronica.udl.cat/videos/intro.mp3" // Url of the mp3 file }).jPlayer("play"); }, supplied: "mp3" } ); var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; h=h-parseInt($('#fondet').css('height')); $('#fondet').css('top',h+'px'); getPicture("79822116@N06","logo"); setInterval(canviFondo, 6000); }); function RedirectURL() { //window.parent.location=''; //window.open(,'_blank'); window.location=history.go(-1); } function goBack() { if(window.history.length<1) window.location='https://seuelectronica.udl.cat/'; else window.history.go(-1); } </script> </head> <body> <noscript> <style type="text/css"> .pagecontainer {display:none;} </style> <div class="noscriptmsg"> <h1><img src='imatges/icones/avisimportant32px.gif' width="64">Aquest lloc necessita javascript: <a href='https://www.whatismybrowser.com/guides/how-to-enable-javascript/safari'>instruccions</a>.</h1> </div> </noscript> <div class="clear"></div> <div id="fondet" alt="ImagePhoto" title="ImagePhoto"></div> <div id="peu" class="grid_4" alt="Text inferior" title="Texto inferior"> <h2>Avís</h2> <h3>Missatge d'entrada a la seu electrònica de la Universitat de Lleida</h3> <ul> <li> Quan feu clic al botó «Entra» entrareu a la seu electrònica de la Universitat de Lleida. </li> </ul> <h2>Aviso</h2> <h3>Mensaje de entrada en la sede electrónica de la Universitat de Lleida</h3> </p> <ul> <li> Al pulsar el botón «Entra» entrará en la sede electrónica de la Universitat de Lleida. </li> </ul> </p> <div id="onVaBoto" class="grid_2" style="left: 16.4em;"> <a href="#" onClick="POSTinfoAuth();" class="botoUDL">E N T R A</a> </div> </div> <div class="clear"></div>  <form id="EntradaESEU" name="EntradaESEU" method="POST" action="https://seuelectronica.udl.cat" enctype="application/x-www-form-urlencoded"> <input name="okEntrada" id="okEntrada" type="hidden" value="true"/> </form> <script type="text/javascript" > function POSTinfoAuth() { document.forms['EntradaESEU'].submit(); } </script> <div id="jpId"></div> </body> </html>

CINXE.COM

Seu Electrònica - Universitat de Lleida